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

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

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

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

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

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

ПОДРОБНЕЕ

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

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

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

ПОДРОБНЕЕ

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

Расширенные настройки

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

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

advanced-configs.png

Свойства страницы (Макет плитки)

Этот раздел предназначен для установки основных аспектов макета и поведения страницы, включая:

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

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

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

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

Действия

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

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

ПОДРОБНЕЕ

Для изучения жизненного цикла страницы и других методов, доступных в FlutterFlow, обратитесь к этому ресурсу](page-lifecycle.md).

Запрос к бэкэнду

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

ПОДРОБНЕЕ

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

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

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

ПОДРОБНЕЕ

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