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

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

Настройки разбиты по разделам — от параметров и маршрута до данных и состояния.

Что в ней есть:

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

Здесь описывают параметры, которые страница принимает от других страниц. Параметр — это переменная со значением, которое передаётся при переходе: например, идентификатор пользователя из списка на страницу с его карточкой.

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

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

Skip On Page Load When Inactive

Пропускает действия загрузки, если стартовая страница или страница авторизованного пользователя оказалась неактивной. Опция рассчитана на точки входа в приложение: она не даёт выполняться лишней логике, когда страница фактически не на экране.

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

Requires Authentication

Открывает страницу только вошедшим пользователям. Так закрывают личные данные и всё, что не предназначено посторонним.

FFRoute(
    name: 'promotionPage',
    path: '/promotionPage',
    requireAuth: true, 
    builder: (context, params) => PromotionPageWidget(),
  )

Дополнительные настройки

В нижней части панели собраны настройки внешнего вида, поведения и работы с данными:

• Свойства страницы (Scaffold)
• Действия
• Запрос к бэкенду
• Управление состоянием

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

Базовое поведение и вид страницы:

• Background Color — фон всей страницы.

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

• Hide Keyboard on Tap — клавиатура прячется при нажатии в любом месте вне её. Простая настройка, которая избавляет от закрытого клавиатурой содержимого.

• Disable Android Back Button — кнопка «назад» на Android не влияет на навигацию этой страницы. Уместно на экранах входа и оплаты, где случайный возврат ломает сценарий.

Действия

Здесь описывают реакцию на события: переход на другую страницу, отправку формы, вызов API.

Для страницы доступны действия, привязанные к её жизненному циклу, — On Page Load, On Phone Shake и другие.

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

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

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

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