
Flutter предлагает широкий спектр виджетов, которые помогут вам создать пользовательский интерфейс вашего приложения. Выбор виджетов для использования зависит от конкретных требований вашего приложения, но вот некоторые из наиболее полезных и часто используемых виджетов для макета пользовательского интерфейса во Flutter:
Контейнер: универсальный виджет, который можно использовать для создания блоков с фоном, отступами, полями и т. д. Он часто используется в качестве родительского элемента или оболочки для других виджетов.
Строка и столбец: эти виджеты используются для создания горизонтального и вертикального макетов соответственно. Вы можете вкладывать их для создания более сложных макетов.
Расширенный: используется внутри строки, столбца или гибкого элемента, чтобы указать, что дочерний виджет должен занимать доступное пространство внутри родительского виджета.
ListView: для создания прокручиваемых списков виджетов по вертикали или по горизонтали. Существуют варианты, такие как ListView.builder, для эффективного рендеринга больших списков.
Стек: позволяет накладывать виджеты друг на друга. Это полезно для создания сложных макетов, в которых виджеты перекрываются.
Карточка: карточка с дизайном материала, предоставляющая поверхность для отображения контента. Его часто используют для отображения информации в структурированном формате.
Отступы и поля: эти виджеты используются для добавления пространства между дочерними виджетами и их родительскими (отступы) или между дочерними виджетами (поля).
SizedBox: используется для установки определенных размеров (ширины и высоты) виджета. Это удобно для управления размером виджетов.
Выравнивание: позволяет расположить дочерний виджет внутри родительского в соответствии с конкретными параметрами выравнивания.
Гибкий: аналогичен расширенному, но позволяет указать, как пространство должно распределяться между несколькими дочерними элементами в строке или столбце.
Оформление контейнера. Вы можете использовать свойство BoxDecoration контейнера, чтобы добавить к виджету границы, тени и цвета фона.
AppBar: общий виджет для создания верхних панелей приложений с заголовками, действиями и навигацией.
BottomNavigationBar: для создания панелей навигации в нижней части экрана, часто используемых для переключения между различными разделами приложения.
TabBar и TabBarView: используются для создания интерфейсов с вкладками, где пользователи могут переключаться между различными разделами контента.
TextField и FormField: для приема пользовательского ввода с меткой или без нее. FormField часто используется с проверкой формы.
Изображение: для отображения изображений в вашем приложении. Вы можете загружать изображения из сети или ресурсов.
Текст: для отображения текста с поддержкой расширенного форматирования и стилей.
Значок: для отображения значков из значков материалов или других наборов значков.
TextButton, ElevatedButton, FloatingActionButton: различные типы кнопок для взаимодействия с пользователем.
Ползунок, переключатель, флажок: для фиксации вводимых пользователем данных в виде ползунков, переключателей и флажков.
Это некоторые из наиболее часто используемых виджетов для макета пользовательского интерфейса во Flutter, но Flutter предоставляет гораздо больше виджетов для различных целей. В зависимости от дизайна и функциональности вашего приложения вам может потребоваться изучить дополнительные виджеты и творчески объединить их для достижения желаемого макета пользовательского интерфейса.