Управление состоянием
Состояние — это данные, от которых зависит то, что видит пользователь. Управление состоянием сводится к простому циклу: данные изменились — интерфейс перерисовался.
Виджеты читают значения из переменных состояния. Меняется переменная — меняется и то, что нарисовано на экране.
Переменные состояния
Во FlutterFlow их несколько видов, и различаются они областью видимости:
- Переменная состояния — обычная переменная: у неё есть имя и тип данных.
- При создании ей задаётся начальное значение.
- Дальше её значение подставляется в свойства виджетов — как и любую другую переменную.
- Меняется она действием Update State Variable.
Создание
- App State — как создать.
- Page State — как создать.
- Component State — как создать.
Отдельный случай — состояния виджетов: их не создают вручную, FlutterFlow сам открывает их, когда на странице появляется виджет формы.
Обновление
- App State — как обновить.
- Page State — см. жизненный цикл страницы и обновление переменной страницы.
- Component State — см. жизненный цикл компонента и обновление переменной компонента.
:::tip[Видеоразбор] Про управление состоянием есть отдельный ролик:
Действие Rebuild
Действие Rebuild перерисовывает страницу или компонент. Оно нужно там, где данные изменились в обход обычного цикла обновления: после вызова API, записи в базу, собственного действия или метода класса, который поменял внутреннее состояние.
Варианты зависят от того, где действие вызвано:
- Rebuild Current Page — на странице; перерисовывает её целиком.
- Rebuild Current Component — в компоненте; перерисовывает только его.
- Rebuild Containing Page — тоже из компонента, но перерисовывает страницу, в которой он лежит. Пример: кнопка «Confirm» в диалоге меняет статус заказа — родительская страница со списком заказов должна показать новый статус сразу.
