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

Метод fromLTRB

Метод fromLTRB класса EdgeInsets принимает четыре числа в порядке left, top, right, bottom. Такой же порядок, как в CSS padding и в подписи LTRB.

Синтаксис

EdgeInsets.fromLTRB(8, 16, 8, 32)

Параметры

Параметр Описание
left Левый край в логических пикселях.
top Верхний край в логических пикселях.
right Правый край в логических пикселях.
bottom Нижний край в логических пикселях.

Пример

Давайте сделаем узкие боковые поля и широкое поле снизу:

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

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

Пример

Давайте обернём блок в Container с margin:

import 'package:flutter/material.dart'; void main() { runApp( MaterialApp( home: Scaffold( body: Center( child: Container( margin: EdgeInsets.fromLTRB(24, 0, 24, 0), padding: EdgeInsets.fromLTRB(16, 12, 16, 12), color: Colors.orange.shade200, child: Text('12345'), ), ), ), ), ); }

На экране оранжевая плашка с полями внутри и снаружи по горизонтали.

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

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