Создаем портфолио за 1 месяц
К концу месяца: 4 классных проекта в вашем портфолио! Стоимость: 100$. Подробности...
146 of 1024 menu
◀ ▶

Класс 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,
    фон, рамка, тень и скругление
← →
↑
Мы используем cookie для работы сайта, аналитики и персонализации. Обработка данных происходит согласно Политике конфиденциальности.
принять все настроить отклонить