Die Anleitung zu Flutter Alignment

Flutter Alignment
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
    ),
  )
)

Die Anleitung zu Flutter Container

Die Anleitung zu Flutter Alignment

1. Flutter Alignment

2. Examples

Anleitungen Flutter

Anleitungen Flutter

Neueste Artikel