Loading...
Padding
Padding
Padding-толтуруучу виджет анын аты айткандай так аткарат, виджеттин же бир топ виджеттердин айланасына толтургуч же бош орун кошот.
Ал төмөнкү конструкторду колдонот:
Padding({Key key, @required EdgeInsetsGeometry padding, Widget child})
Конструктордо толтурууну орнотуу үчүн толтуруу параметри колдонулат, бул талап кылынган параметр. Бул EdgeInsetsGeometry классын билдирет . аралыкты орнотуу үчүн, биз бул класстын конструкторлордун бирин колдоно алабыз:
EdgeInsets.all(double value): бардык төрт толтуруу үчүн бир кош маанини коёт (сол, жогору, оң жана төмөнкү).
EdgeInsets.fromLTRB(double left, double top, double right, double bottom): төрт тараптын ар бирин башка толтуруучу мааниге ээ болот.
EdgeInsets.fromWindowPadding(WindowPadding padding, double devicePixelRatio): толтуруу параметрине дал келген мейкиндикти аныктайт.
EdgeInsets.only({double left: 0.0, double top: 0.0, double right: 0.0, double bottom: 0.0}): төрт тараптын ар бирин нөл эмес толтуруучу маанилерге орнотот.
EdgeInsets.symmetric({double vertical: 0.0, double horizontal: 0.0}): vertical үстүнкү жана астыңкы бөлүкттү толтуруу, horizontalсол оң толтурууну орнотот.
Адегенде толтурбоо колдонулбаган мисалды карап көрөлү:
import 'package:flutter/material.dart';
void main() {
runApp(Align(
alignment: Alignment.topCenter,
child: Text(
'Hello Flutter from metanit.com',
textDirection: TextDirection.ltr
)
)
);
}
Көрүнүп тургандай, тиркеме бүт экранды ээлейт, анын ичинде смартфондун үстүнкү панели, анда ар кандай көрсөткүчтөр жана учурдагы убакыт жайгашкан.
Смартфондун үстүнкү панелине туура келбеген тиркемедеги тестти алып салуу үчүн чегинүүлөрдү колдонолу:
import 'package:flutter/material.dart';
void main() {
runApp(Padding(
padding: EdgeInsets.all(40),
child: Align(
alignment: Alignment.topCenter,
child: Text(
'Hello Flutter from metanit.com',
textDirection: TextDirection.ltr
)
)
)
);
}
Бул учурда, текст менен Align контейнер башка контейнерге жайгаштырылат - Padding. Padding бардык төрт толтургучтар үчүн бирдей маанини коёт - 40 бирдик. Натыйжада, тиркемедеги текст жогорку абал тилкесинде 40 бирдик ылдый жылдырылат:
Башка EdgeInsets конструкторлорун колдонуп, сиз ар кандай тараптар үчүн толтурууну орното аласыз. Мисалы:
import 'package:flutter/material.dart';
void main() {
runApp(Padding(
padding: EdgeInsets.only(top: 40, bottom:10, left:10, right:10),
child: Align(
alignment: Alignment.topCenter,
child: Text(
'Hello Flutter from metanit.com',
textDirection: TextDirection.ltr
), ), ), ); }
