Метод 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