Перейти к основному содержимому

Базовые виджеты

FlutterFlow предлагает набор базовых виджетов, которые служат строительными блоками для страницы или компонента. В этом руководстве мы рассмотрим пять фундаментальных виджетов: Container, Text, Icon, Button и Image. Понимание этих виджетов крайне важно для создания любого приложения в FlutterFlow.

basic-widgets.png

Среди базовых виджетов есть:

  • Container: Виджет Container — один из наиболее часто используемых в FlutterFlow. Он позволяет создавать прямоугольную или круглую рамку, которая может содержать одного дочернего элемента — любой другой базовый или расширенный виджет. Кроме того, его можно стилизовать с помощью различных свойств, таких как отступы, поля, границы и цвета и т. д.

  • Text: Виджет Text используется для отображения строки текста с единым стилем. Это базовый, но мощный виджет, который позволяет настраивать внешний вид текста, выравнивание и поведение.

  • Icon: Виджет Icon используется для отображения иконки из набора Material Icons, Font Awesome или вашего собственного набора пользовательских иконок. Иконки необходимы для создания удобных интерфейсов, предоставляя пользователям визуальные подсказки.

  • Button: В FlutterFlow виджеты Button представляют собой специализированные интерактивные элементы с встроенной визуальной обратной связью и свойствами наведения по умолчанию.

  • Image: Виджет Image используется для отображения изображений в приложении. FlutterFlow поддерживает различные источники изображений, включая ресурсы, сетевые URL-адреса и загруженные файлы.