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

Класс EdgeInsetsDirectional

Класс EdgeInsetsDirectional хранит отступы start, top, end и bottom. Start это начало строки: слева при письме слева направо и справа при обратном направлении. Одинаковый отступ даёт метод all. Объект тоже передают в padding у Padding.

Синтаксис

EdgeInsetsDirectional.only(start: 24)

Методы

Метод Описание
all Ставит одно и то же число на все четыре стороны.
fromSTEB Задаёт четыре отступа по порядку: начало строки, верх, конец строки, низ.
only Задаёт число только у названных сторон. Остальные остаются нулевыми.

Пример

Давайте отодвинем блок от начала строки и сверху:

import 'package:flutter/material.dart'; void main() { runApp( MaterialApp( home: Scaffold( body: Center( child: Padding( padding: EdgeInsetsDirectional.only(start: 24, top: 8), child: Container(width: 120, height: 50, color: Colors.amber), ), ), ), ), ); }

На экране жёлтый прямоугольник сдвинут от начала строки и от верхнего края.

Пример

Давайте зададим одинаковый отступ со всех четырёх сторон:

import 'package:flutter/material.dart'; void main() { runApp( MaterialApp( home: Scaffold( body: Center( child: Padding( padding: EdgeInsetsDirectional.all(16), child: Container(width: 100, height: 40, color: Colors.cyan), ), ), ), ), ); }

На экране голубой прямоугольник с одинаковым полем со всех сторон.

Смотрите также

  • класс EdgeInsets,
    отступы с четырех сторон
  • класс Color,
    цвет
  • класс Alignment,
    точка внутри прямоугольника
  • класс AlignmentDirectional,
    точка с учетом направления письма
← →
↑
Мы используем cookie для работы сайта, аналитики и персонализации. Обработка данных происходит согласно Политике конфиденциальности.
принять все настроить отклонить