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

Метод symmetric

Метод symmetric класса EdgeInsets копирует horizontal в left и right, а vertical в top и bottom. Удобен для карточек и кнопок с полями по осям.

Синтаксис

EdgeInsets.symmetric(horizontal: 24, vertical: 12)

Параметры

Параметр Описание
horizontal Отступ слева и справа. По умолчанию 0.
vertical Отступ сверху и снизу. По умолчанию 0.

Пример

Давайте оформим широкие боковые поля:

import 'package:flutter/material.dart'; void main() { runApp( MaterialApp( home: Scaffold( body: Padding( padding: EdgeInsets.symmetric(horizontal: 40), child: Text('abcde'), ), ), ), ); }

На экране текст сузится по ширине за счёт отступов слева и справа.

Пример

Давайте добавим вертикальные поля внутри цветного блока:

import 'package:flutter/material.dart'; void main() { runApp( MaterialApp( home: Scaffold( body: Center( child: Container( color: Colors.green.shade100, child: Padding( padding: EdgeInsets.symmetric( horizontal: 16, vertical: 28, ), child: Text('12345'), ), ), ), ), ), ); }

На экране зелёная плашка выше текста за счёт вертикальных отступов.

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

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