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

Основные виджеты

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-адреса и загруженные файлы.