betacode

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

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

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

Show More