codestory

Die Anleitung zu Flutter EdgeInsets

View more Tutorials:

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: