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

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

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

Переменные состояния

В FlutterFlow существует несколько типов переменных состояния, которые вы можете создать:

Состояние приложения (App State) используется совместно несколькими страницами в приложении. Состояние компонента (Component State) специфично для компонента. Состояние страницы (Page State) используется совместно виджетами на странице.

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

Создание переменных состояния

• Для создания переменной App State обратитесь к этому руководству.
• Для создания переменной Page State обратитесь к этому руководству.
• Для создания переменной Component State обратитесь к этому руководству.

Примечание: Пользователи не могут создавать переменные состояния виджетов. Они автоматически предоставляются FlutterFlow при использовании виджета Form.

Обновление переменных состояния

• Для обновления переменной App State обратитесь к этому руководству.
• Обратитесь к руководству по жизненному циклу страницы, чтобы узнать об обновлении переменных Page State.
• Обратитесь к руководству по жизненному циклу компонента, чтобы узнать об обновлении переменных Component State.

Изучите по видео

Вы можете узнать больше об управлении состоянием из этого видео:

Действие Rebuild

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

Действие Rebuild предоставляет разные типы обновлений в зависимости от места использования:

• Rebuild Page: На странице вы увидите опцию Rebuild Current Page, которая обновляет весь пользовательский интерфейс страницы.
• Rebuild Component: В компоненте вы увидите опцию Rebuild Current Component, которая обновляет только этот конкретный компонент.
  • Rebuild Containing Page: В компоненте вы также увидите эту опцию, которая обновляет всю страницу, содержащую компонент. Например, если у вас есть кнопка "Confirm" внутри компонента диалога, которая обновляет статус заказа, выбор этого действия обновит родительскую страницу, чтобы мгновенно отобразить обновленный список заказов.