Руководство Flutter EdgeInsets
View more Tutorials:
Следуйте за нами на нашей фан-странице, чтобы получать уведомления каждый раз, когда появляются новые статьи.
Facebook
EdgeInsets помогает создать outer padding (внешний отступ) или inner padding (внутренний отступ) для Widget на основе визуальных параметров: left, top, right и bottom. Это не зависит от направления текста (text direction).
Используйте EdgeInsetsDirectional для поддержки макетов слева направо (left-to-right layout) и справа налево (right-to-left layout).
- TODO Link?
Конструктор EdgeInsets.all используется для создания объекта EdgeInsets с одинаковым значением для всех четырех свойств left, top, right и bottom.
const EdgeInsets.all(
double value
)
EdgeInsets.all (ex1)
Container (
margin: EdgeInsets.all(80),
color: Colors.greenAccent,
child:Text(
"Hi There!",
style: TextStyle(fontSize: 28)
)
)
Конструктор EdgeInsets.fromLTRB используется для создания объекта EdgeInsets на основе значений left, top, right и bottom.
const EdgeInsets.fromLTRB(
double left,
double top,
double right,
double bottom
)
EdgeInsets.fromLTRB (ex1)
Padding (
padding: EdgeInsets.fromLTRB(80, 100, 70, 50),
child: ElevatedButton (
child: Text("Button"),
onPressed: (){}
)
)
Конструктор EdgeInsets.only создает объект EdgeInsets из произвольных параметров left, top, right и bottom. Неопределенные параметры будут иметь значение 0.
const EdgeInsets.only(
{double left: 0.0,
double top: 0.0,
double right: 0.0,
double bottom: 0.0}
)
EdgeInsets.only (ex1)
Container (
color: Colors.greenAccent,
padding: EdgeInsets.only(left: 120, top: 50, right: 80),
child: ElevatedButton (
child: Text("Button"),
onPressed: (){}
)
)
Конструктор EdgeInsets.symmetric создает симметричный объект EdgeInsets из двух горизонтального и вертикального параметров. Это значит:
- left = right = horizontal
- top = bottom = vertical
const EdgeInsets.symmetric(
{double vertical: 0.0,
double horizontal: 0.0}
)
EdgeInsets.symmetric (ex1)
Container (
color: Colors.greenAccent,
padding: EdgeInsets.symmetric(horizontal: 120, vertical: 50),
child: ElevatedButton (
child: Text("Button"),
onPressed: (){}
)
)
const EdgeInsets.fromWindowPadding(
WindowPadding padding,
double devicePixelRatio
)
