Руководство Flutter Alignment

Flutter Alignment
Examples

1. Flutter Alignment

Alignment используется для определения способа выравнивания (align) положения дочернего widget внутри его родителя.

Руководство Flutter AlignmentGeometry
Руководство Flutter AlignmentDirectional

Alignment Constructor

const Alignment(
   double x,
   double y
)

Flutter помещает систему координат в центр родительского виджета, и вы можете создать объект Alignment из двух параметров x и y, чтобы описать, как выровнять (align) положение дочернего виджета.

Класс Alignment определяет несколько констант, соответствующих некоторым общим позициям:

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

Руководство Flutter Container

Руководство Flutter Alignment

1. Flutter Alignment

2. Examples

Pуководства Flutter

Pуководства Flutter

Новейшие статьи