codestory

Die Anleitung zu Flutter Alignment

  1. Flutter Alignment
  2. Examples

1. Flutter Alignment

Alignment wird benutzt um festzulegen, wie die Position eines untergeordneten widget in seinem übergeordneten Widget ausgerichtet (align) werden solll.
  • Die Anleitung zu Flutter AlignmentGeometry
  • Die Anleitung zu Flutter AlignmentDirectional
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 y 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
    ),
  )
)

Anleitungen Flutter

Show More