Класс Alignment
Класс Alignment описывает точку.
По горизонтали и вертикали -1 это край в минус, 0 это центр, 1 это край в плюс.
Готовые точки лежат в константах center, topLeft, bottomRight.
Точку передают в alignment у Align и Container.
Синтаксис
Alignment.center
Методы
| Метод | Описание |
|---|---|
alongSize |
Даёт Offset вдоль размера без привязки к rect.
|
lerp |
Плавно двигает точку между двумя Alignment.
|
resolve |
Превращает AlignmentDirectional в Alignment.
|
withinRect |
Переводит точку выравнивания в координаты внутри заданного прямоугольника. |
Пример
Давайте выровняем блок по Alignment.center:
import 'package:flutter/material.dart';
void main()
{
runApp(
MaterialApp(
home: Scaffold(
body: Container(
color: Colors.grey.shade200,
child: Align(
alignment: Alignment.center,
child: Container(width: 80, height: 40, color: Colors.red),
),
),
),
),
);
}
На экране красный блок по центру.
Пример
Давайте Alignment.topRight:
import 'package:flutter/material.dart';
void main()
{
runApp(
MaterialApp(
home: Scaffold(
body: Container(
color: Colors.grey.shade200,
child: Align(
alignment: Alignment.topRight,
child: Container(width: 80, height: 40, color: Colors.blue),
),
),
),
),
);
}
На экране синий блок в правом верхнем углу.
Смотрите также
-
класс
EdgeInsetsDirectional,
отступы от начала и конца письма -
класс
EdgeInsets,
отступы с четырех сторон -
класс
AlignmentDirectional,
точка с учетом направления письма -
класс
BoxDecoration,
фон, рамка, тень и скругление