Панель виджетов дает вам доступ ко всем элементам пользовательского интерфейса FlutterFlow. В основном это виджеты Flutter, которые вы можете перетаскивать на рабочее пространство. Строка поиска удобна, если вы хотите быстро найти конкретный виджет, который вы хотите добавить в свое приложение.
❗️Подробнее о различных виджетах Flutter можно узнать здесь.
Панель виджетов состоит из двух вкладок:
Виджеты
Компоненты
❗️Мы постоянно добавляем новые виджеты. Не видите виджет, который хотите использовать? Отправьте запрос на разработку функции внутри FlutterFlow!
1. Виджеты
Виджеты (они же элементы) доступны на вкладке Виджеты. Они отсортированы по пяти категориям:
- Наиболее часто используемые элементы
- Элементы макета
- Элементы базы
- Элементы страницы
- Элементы формы
Эти категории описаны ниже.
1.1 Наиболее часто используемые элементы
Раздел наиболее часто используемых элементов содержит элементы, которые вы можете часто использовать при создании своего приложения. Например, вам может понадобиться добавить несколько элементов Текст, Колонка и Строка.
1.2 Элементы макета
Обычно эти виджеты используются в качестве родительских виджетов в любом макете приложения. Они могут содержать один или несколько виджетов внутри себя (в качестве дочернего или дочерних). Некоторые из наиболее часто используемых виджетов этой категории — контейнер, колонка, карточка и ListView.
На одну страницу приложения можно добавить несколько виджетов одного типа.
1.3 Базовые элементы
Здесь представлены наиболее распространенные виджеты, которые понадобятся вам для создания приложения. Эта категория состоит из таких виджетов, как Текст, Изображение, Кнопка, Выпадающий элемент, Слайдер и т.д.
Вы можете добавить несколько виджетов одного типа в один макет. Эти виджеты также подходят для использования в качестве дочерних или дочерних для других родительских виджетов.
1.4 Элементы страницы
Раздел Элементы страницы состоит из виджетов, которые могут быть добавлены на любую страницу приложения. Обычно они имеют заранее определенное местоположение, поэтому на одну страницу можно добавить только один виджет одного типа (например, нельзя добавить более одной панели приложения на одну страницу).
1.5 Элементы формы
Раздел Элементы формы состоит из виджетов, которые можно использовать для создания формы в вашем приложении. Элементы формы могут отображать/отправлять значение из/в локальную базу данных или бэкенд.
Некоторые из наиболее часто используемых виджетов в этой категории — Текстовое поле, Выпадающее поле, Радиокнопка, Форма, Группа флажков и так далее.
2. Компоненты
В своем проекте FlutterFlow вы можете использовать пользовательские компоненты пользовательского интерфейса. Эти пользовательские компоненты доступны на вкладке Компоненты. Когда вы создаете новый проект на FlutterFlow, он поставляется с более чем 50+ предварительно созданными компонентами, включая кнопки входа и некоторые другие стилизованные макеты.
Если вы хотите создать новый пользовательский компонент, вы можете перейти в раздел «Создание пользовательских компонентов«.
Компоненты отсортированы по пяти категориям:
- Элементы пользовательского интерфейса
- Нижние листы
- Заголовки
- Виды карточек
- Виды содержимого
Эти категории описаны ниже.
2.1 Элементы пользовательского интерфейса
Раздел «Элементы пользовательского интерфейса» содержит компоненты, которые помогут вам быстро создать общий пользовательский интерфейс. Сюда входят такие компоненты, как кнопки входа в систему, пользовательский интерфейс пустого списка, карточка сводки цен и так далее.
2.2 Нижние листы
Этот раздел содержит различные типы предварительно разработанных нижних листов. Вы можете добавить такие нижние листы, как Действия, Изменить фото, Платный доступ, Поделиться. В список также включены нижние листы, которые соответствуют рекомендациям по стилю ios и материалов.
2.3 Заголовки
Раздел Заголовки включает в себя компоненты, которые можно использовать в качестве заголовка для любой страницы вашего приложения. На данный момент этот раздел содержит компоненты заголовка, которые вы можете использовать на странице приветствия.
2.4 Виды карточек
Раздел Виды карточек содержит компоненты, которые вы можете использовать для добавления различных типов пользовательских интерфейсов карточек на вашу страницу. Представление карточки используется для представления связанной информации. Карточка аналитика, карточка отзыва, карточка рейтинга, карточка комментария — вот некоторые из распространенных компонентов карточек, которые вы найдете в этом разделе.
2.5 Виды содержимого
В этом разделе находятся компоненты, которые вы можете использовать для создания пользовательского интерфейса, ориентированного на контент. На данный момент этот раздел включает в себя такие компоненты, как Транзакция карты, Paywall продукт, а также виджет материалов с небольшим количеством действий.
