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
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?
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)
)
)
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: (){}
)
)
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: (){}
)
)
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: (){}
)
)
const EdgeInsets.fromWindowPadding(
WindowPadding padding,
double devicePixelRatio
)
