Flutter ramka uchun qo'llanma 1-bob. Flutterga kirish Flutter nima. O'rnatish

Center

Markaz ichki joylashtirilgan elementni markazlashtiradi. U Align sinfidan meros bo'lib qolgan, shuning uchun u ko'p jihatdan funksionallikni o'z zimmasiga oladi. Odatiy bo'lib, u idishning to'liq kengligi va balandligi bo'ylab cho'zilib, uning butun maydonini to'ldiradi.

Vidjet yaratish uchun quyidagi konstruktordan foydalaniladi:

1	Center({Key key, double widthFactor, double heightFactor, Widget child})

Markazlash qo'llaniladigan ichki elementni o'rnatish uchun bola parametridan foydalaniladi - u sifatida istalgan Vidjet ob'ekti, ya'ni har qanday vidjetdan foydalanish mumkin.

widthFactor va heightFactor qo'shimcha parametrlari Markaz vidjetining eni va balandligining ichki o'rnatilgan bolaga nisbatan nisbatini o'rnatadi. Misol uchun, agar widthFactor 2,0 bo'lsa, u holda Markaz vidjetining kengligi bolaning kengligining 2,0 ga ko'paytirilganiga teng bo'ladi. Xuddi shu narsa heightFactor uchun ham amal qiladi, faqat u balandlikni o'zgartiradi.

Masalan, Markaz vidjeti yordamida markazga kichik matnni joylashtiramiz:

1 2 3 4 5 6 7 8 9 10 11

import 'package:flutter/material.dart'; void main() { runApp(Center( child:Text( 'Hello Flutter', textDirection: TextDirection.ltr, // текст слева направо ) ) ); }

Aslida, bu kod quyidagilarga teng bo'ladi:

1 2 3 4 5 6 7 8 9 10 11 12

import 'package:flutter/material.dart'; void main() { runApp(Align( alignment: Alignment.center, child:Text( 'Hello Flutter!', textDirection: TextDirection.ltr ) ) ); }