betacode

Руководство Flutter EdgeInsets

View more Tutorials:

1- Flutter EdgeInsets

EdgeInsets помогает создать outer padding (внешний отступ) или  inner padding (внутренний  отступ) для Widget на основе визуальных параметров: left, top, right и bottom. Это не зависит от направления текста (text direction).
Используйте EdgeInsetsDirectional для поддержки макетов слева направо (left-to-right layout) и справа налево (right-to-left layout).
  • TODO Link!

2- EdgeInsets.all

Конструктор 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)
    )
)

3- EdgeInsets.fromLTRB

Конструктор 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: (){}
    )
)

4- EdgeInsets.only

Конструктор 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: (){}
    )
)

5- EdgeInsets.symmetric

Конструктор 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: (){}
    )
)

6- EdgeInsets.fromWindowPadding

const EdgeInsets.fromWindowPadding(
    WindowPadding padding,
    double devicePixelRatio
)

View more Tutorials:

Maybe you are interested

Это онлайн курс вне вебсайта o7planning, который мы представляем, он включает бесплатные курсы или курсы со скидкой.