Die Anleitung zu Flutter EdgeInsets

Flutter EdgeInsets
EdgeInsets.all
EdgeInsets.fromLTRB
EdgeInsets.only
EdgeInsets.symmetric
EdgeInsets.fromWindowPadding

1. Flutter EdgeInsets

EdgeInsets hilft beim der Erstellung von outer padding oder inner padding für ein Widget basierend auf den visuellen Parametern left, top, right, bottom. Es hängt von der Textrichtung ab.

Die Anleitung zu Flutter EdgeInsetsGeometry

Um das Layout sowohl von links nach rechts als auch von rechts nach links zu unterstützen, berücksichtigen Sie EdgeInsetsDirectional.

Die Anleitung zu Flutter EdgeInsetsDirectional

2. EdgeInsets.all

Der Konstruktor EdgeInsets.all wird verwendet, um das Objekt EdgeInsets mit demselben Wert für alle Properties left, top, right, bottom zu erstellen.

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

Der Konstruktor EdgeInsets.fromLTRB wird verwendet, um ein Objekt EdgeInsets basierend auf den Werten für left, top, right, bottom zu erstellen.

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

Der Konstruktor EdgeInsets.only erstellt ein Objekt EdgeInsets aus den optionalen Parametern left, top, right, bottom. Die nicht angegebenen Parameter haben den Wert 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

Der Konstructor EdgeInsets.symmetric erstellt ein symmetrisches Objekt EdgeInsets aus den beiden horizontalen und vertikalen Parameter horizontal und vertical. Das bedeutet:

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
)