Update App State

Using this action, you can set/clear values for the App State variable.

Before you add this action, you'll need to create the App State variable.

Types of update

There are the following types of updates you can make to an App State variable:

Set Value: Used to set the value either from any other variable or a specific one.
Clear Value: Used to remove the already stored value.
Increment/Decrement: Used to increment or decrement the value of a variable defined as an Integer.
Add to List: Used to add an item to the variable defined as List.
Remove from List: Used to remove an item from the variable defined as List.

Follow the steps below to add this action to any widget.

Select the Widget (e.g., Button) on which you want to add the action.
Select Actions from the properties panel (the right menu), If it's the first action, click the + Add Action button. Otherwise, click the "+" button below the previous action tile (inside Action Flow Editor) and select Add Action.
Search and select the Update App State (under State Management) action.
Click on + Add Field and select the field you want to update.
Expand the field section and Select Update Type. Further options are displayed based on the update type selected.
To Set Value, set the Value Source to From Variable and provide the source of a variable. For example, to provide value from a widget state, select UNSET > Widget State > [widget_name].
Optional: you can also specify how this update will affect your app.
- Rebuild All Page: This will redraw the UI of active pages in your app. Use this option when other pages depend on this variable to reflect the new changes. This ensures that the UI is always up-to-date and responsive to user interactions.
- Rebuild Current Page: This will redraw the UI of the current page.
- No Rebuild: This won't rebuild anything.

To update multiple app state variables one after another, simply click + Add Field and chain the next variable using this action.

Last updated 3 months ago