Виджет SizedBox
Виджет SizedBox заставляет дочерний виджет занять указанные width и height.
Если дочернего виджета нет, остаётся пустой прямоугольник этого размера.
Пустой виджет нулевого размера даёт метод shrink.
Синтаксис
SizedBox(
child: child,
)
Параметры
| Параметр | Описание |
|---|---|
child |
Дочерний виджет или список дочерних виджетов. |
Методы
| Метод | Описание |
|---|---|
expand |
Растягивает пустой или дочерний виджет на доступное место. |
shrink |
Создаёт нулевой размер без дочернего виджета. |
square |
Задаёт квадрат с одинаковой шириной и высотой. |
Пример
Давайте применим SizedBox на экране:
import 'package:flutter/material.dart';
void main()
{
runApp(
MaterialApp(
home: Scaffold(
body: SizedBox(
width: 120,
height: 48,
child: Text('abcde'),
),
),
),
);
}
На экране строка 'abcde' лежит в прямоугольнике 120 на 48.
Пример
Давайте соберём второй пример с SizedBox:
import 'package:flutter/material.dart';
void main()
{
runApp(
MaterialApp(
home: Scaffold(
body: SizedBox(
width: 120,
height: 48,
child: Text('abcde'),
),
),
),
);
}
Второй пример повторяет тот же фиксированный размер.
