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

Панель свойств

В FlutterFlow панель свойств справа помогает настраивать и управлять страницами. Она открывается при клике на корневой элемент в Widget Tree (слева).

Панель организована в разделы, каждый из которых сосредоточен на различных настройках для настройки страниц.

Вот подробный обзор того, что обычно можно найти и изменить в этой панели: page-properties-panel.png

Параметры страницы​

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

УЗНАЙТЕ БОЛЬШЕ

Подробнее о передаче данных между страницами читайте здесь.

Настройки маршрута​

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

route-settings-configs.png

Пропускать при загрузке страницы, если неактивна

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

Генерируемый код

При включении этой проверки в initState вашей страницы добавляется следующий код:

if (RootPageContext.isInactiveRootPage(context)) {
       return;
    }
      // On Page Load Actions added after this

Требует аутентификации

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

Генерируемый код

При создании объекта Route для этой страницы настройка requireAuth: true гарантирует доступ к странице только аутентифицированным пользователям. Если выбрана опция «Требует аутентификации», приложение автоматически выполнит проверки аутентификации перед переходом на эту страницу. Это автоматически включено для страницы входа в систему.

FFRoute(
    name: 'promotionPage',
    path: '/promotionPage',
    requireAuth: true, 
    builder: (context, params) => PromotionPageWidget(),
  )
УЗНАЙТЕ БОЛЬШЕ

Подробнее о маршрутизации читайте здесь.

Расширенные конфигурации​

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

Вот обзор этих дополнительных конфигураций:

advanced-configs.png

Свойства страницы (Scaffold)​

В этом разделе задаются фундаментальные аспекты макета и поведения страницы, включая:

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

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

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

  • Отключить кнопку «Назад» в Android: При активации этой опции кнопка «Назад» в Android не влияет на навигацию на этой странице. Это может быть полезно в сценариях, где вы не хотите позволить пользователям легко вернуться на предыдущий экран, например, на экране входа в систему или оплаты.

Действия​

Этот раздел позволяет определять и управлять взаимодействиями или событиями, вызываемыми действиями пользователя. Например, вы можете настроить кнопку для перехода на другую страницу, отправки данных формы или вызова API. Действия необходимы для создания интерактивных и функциональных приложений.

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

УЗНАЙТЕ БОЛЬШЕ

Чтобы узнать о жизненном цикле страницы и других методах, предоставляемых FlutterFlow, обратитесь к этому ресурсу.

Запрос к серверу​

Здесь вы можете настроить страницу для получения данных из источника на сервере или базы данных. Обычно это делается через вызовы API или прямые запросы к базе данных. Настройка запроса к серверу позволяет странице отображать динамическое содержимое, такое как профили пользователей, списки продуктов или любые другие данные, которые приложение должно получить с сервера.

УЗНАЙТЕ БОЛЬШЕ

Чтобы узнать больше о подключении к источнику на сервере, обратитесь к разделу База данных

Управление состоянием​

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

УЗНАЙТЕ БОЛЬШЕ

Узнайте, как создавать и управлять жизненным циклом обновлений переменных состояния страницы.