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

Введение в Страницы

В FlutterFlow Страница представляет собой один экран в вашем приложении. Под капотом страницы используют Scaffold, базовый виджет из Flutter, который обеспечивает структурированный макет экрана в вашем приложении. Scaffold предлагает ключевые элементы, такие как AppBar и Body, что позволяет легко создавать экраны.

Страницы состоят из различных элементов пользовательского интерфейса (UI), или виджетов. Виджеты добавляются на страницу, когда они добавляются в Дерево виджетов страницы.

В FlutterFlow страницы автоматически настроены для обработки маршрутизации. Кроме того, страницы могут иметь входные параметры и переменные состояния.

к сведению

Для получения дополнительной информации о том, как использовать Scaffold и различные Элементы Страниц в FlutterFlow, ознакомьтесь с посвященным руководством Элементы страниц.

Создание страницы

В FlutterFlow вы можете легко создать страницу, адаптированную под ваши потребности и дизайнерские предпочтения. Независимо от того, начинаете ли вы с нуля, используете шаблон или прибегаете к инструментам искусственного интеллекта (AI), у вас есть несколько путей для достижения желаемой функциональности и эстетики вашей страницы.

Сгенерированный Код

При создании страницы в FlutterFlow автоматически создается класс Widget и соответствующий класс Model. Вы можете увидеть их в Редакторе Кода. Чтобы изучить подробности сгенерированного класса Model, рекомендуется ближе ознакомиться с кодом.

FlutterFlow позволяет легко создавать новые страницы с помощью кнопки Добавить страницу, компонент или поток, доступной из вкладки Селектор страниц в Меню навигации. Это поможет вам быстро начать и добавить новые страницы к вашему приложению.

Создание пустой страницы

При создании вашей страницы в FlutterFlow одним из вариантов является создание пустой страницы, предоставляющей вам пустой холст. Этот подход позволяет создавать ваш пользовательский интерфейс с нуля, собирая виджеты и компоненты вместе в соответствии с вашим конкретным дизайнерским видением и функциональными требованиями.

Для создания пустой страницы FlutterFlow с нуля, следуйте этим шагам:

Создание страницы из популярного шаблона

FlutterFlow упрощает процесс создания страниц путем предоставления различных популярных шаблонов. Эти шаблоны предоставляют базовую структуру для ваших страниц, которую вы можете быстро настраивать собственным стилем, виджетами и текстом.

Для использования шаблона на FlutterFlow, следуйте этим шагам:

Создание страницы, сгенерированной с использованием искусственного интеллекта (AI)

Функция AI Gen FlutterFlow позволяет генерировать различные элементы, включая страницы, по запросу. Это может быть особенно полезно, когда вы не уверены, с чего начать. После генерации страницы, вы можете предварительно просмотреть ее с различными цветовыми схемами, как в светлой, так и в темной теме, и добавлять новые элементы пользовательского интерфейса по мере необходимости.

Для создания страницы, сгенерированной с использованием искусственного интеллекта, следуйте этим шагам: