codestory

Die Anleitung zu Flutter Alignment

View more Tutorials:

1- Flutter Alignment

Alignment wird benutzt um festzulegen, wie die Position eines untergeordneten widget in seinem übergeordneten Widget ausgerichtet (align) werden solll.
  • TODO Link!
  • TODO Link!
Alignment Constructor
const Alignment(
   double x,
   double y
)
Flutter stellt ein Koordinatensystem in die Mitte eines übergeordneten widget und Sie können aus den zwei Parameter x und ein Objekt Alignment erstellen, um zu beschreiben, wie die Position vom untergeordneten Widget ausgerichtet (align) wird.
Die Klasse Alignment definiert einige Konstanten, die einigen üblichen Positionen entsprechen:
Constant Define
bottomCenter Alignment(0.0, 1.0)
bottomLeft Alignment(-1.0, 1.0)
bottomRight Alignment(1.0, 1.0)
center Alignment(0.0, 0.0)
centerLeft Alignment(-1.0, 0.0)
centerRight Alignment(1.0, 0.0)
topCenter Alignment(0.0, -1.0)
topLeft Alignment(-1.0, -1.0)
topRight Alignment(1.0, -1.0)

2- Examples

Container (
  decoration: BoxDecoration (
    image: const DecorationImage(
      image: NetworkImage('https://s3.o7planning.com/images/tom-and-jerry.png'),
      fit: BoxFit.cover,
    )
  ),
  margin: EdgeInsets.all(10),
  alignment: Alignment.bottomLeft,
  child:  Text (
    "Tom and Jerry",
    style: TextStyle(
        fontSize: 20,
        color: Colors.red,
        fontWeight: FontWeight.bold
    ),
  )
)

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.