codestory

Die Anleitung zu Flutter EdgeInsets

View more Tutorials:

Folge uns auf unserer fanpage, um jedes Mal benachrichtigt zu werden, wenn es neue Artikel gibt. Facebook

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.
Um das Layout sowohl von links nach rechts als auch von rechts nach links zu unterstützen, berücksichtigen Sie EdgeInsetsDirectional.
  • TODO Link?

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
)

View more Tutorials:

Vielleicht bist du interessiert

Das sind die Online-Courses außer der Website o7planning, die wir empfehlen. Sie können umsonst sein oder Discount haben.