How to Use the New State Management in FlutterFlow

We've made a huge update to state management in FlutterFlow. Here's how you use it.

--------------

FlutterFlow is a low-code builder for native apps, bringing design and development into one tool. With drag-and-drop functionality, you can build pixel-perfect UIs and easily connect your app to live data via Firebase or APIs. Plus, you can add advanced features like push notifications, payments, animations, and more. Whether you build your own custom widgets or write custom code, FlutterFlow makes it easy to bring your app ideas to life.

[soupaulomorales]

FlutterFlow is the future! Thank you FF for these amazing updates. The use of components streamlines and organizes the project. Local State should have folders to be more organized too. 👏👏

[wahomemutahi]

We need a way to check if an app has gone to the background guys .good progress btw.

[davhad]

That was really needed and thanks for everyone who worked on this! I had a request: how about being able to rename, reorder, and keep track of the state of component and pages and their folders in the designer? Could simplify development do much dpscially for bigger projects...

[stuartdalrymple]

Thanks this is a great update team. Keep them coming!

Also having a more supported community from the FF team would be really appreciated. Either by having FF staff reply to forum help requests, or even having a 'premium support call' option or business models where we can raise tickets and get help. Something to think about anyways :)

[gmostafaali]

I love the FlutterFlow's consistency improvements, thanks team.

[ermanozkaya]

You are the best tutorial maker that i have ever seen. I love your tutorials. And on the other hand, i wonder if there is another software company which develops itself like FF.
Incredible improvments that make users exicted. Thank you.

[eirikstensrud]

Ok, so noob question: the way I understand it from my use case in designing an onboarding survey where I have several questions that could use the same layout.

App state: you would design the entire survey on multiple pages by duplicating the design over and over and sending front-end data to the back-end?

Page state: you would use the same page for multiple survey questions and pull back-end data from variables, hit a next button (or similar) so that this triggers an action to submit data and pull the next survey question data?

[seby]

It would be great to not only read Component Variables but also set them via action editor, because they are still hidden there.
Second: When using a custom Function and you want to input a Variable, the Components are not listed under Component State but under Page State. This is confusing, because these are usually listed under Component State?
And is this Coffee Ordering Project available somewhere?

[flutterflowexpert]

Great video guys! Keep up the good work!

[MFBulletin]

Can you access the widget states from bottom sheets as well?

[czzc]

Amazing - Flutterflow Team you rock !

[practical-skills-school]

Thank you so much. I'm desperately trying to understand one thing. How to show the user a specific screen when something changed in the Firebase. Examples: in a taxi app, show user the "Trips is over" screen once the driver closes the trip. In a dating app, show the user "You have a match!" once the other person liked him/her too.

So it must be kind of a Firebase push action and FF app reacting to it into the background and instantly showing the right screen.

1. It must be an app-level action or whatever. The solution "place periodic actions on very page" is not suitable for sure
2. It must show the screen for all kinds of using the app: at launch; at choosing already launched app and even when looking at active app
3. It must not be only push notifications as they are not valid when the app is in use

So how does FlutterFlow deals with this "push screens"?

[atokostka]

Variables change I've been looking for a long time!! Great job team!!

[mauromiotello]

Where is this app template on Marketplace ? i did'nt find it ! :(

[fuzzypancakes]

I have been trying to figure something out since I started using flutterflow (absolutely love it by the way!) but I am having some issues with one, getting an error message whenever I open up flutterflow stating "FlutterFlow can’t be updated if it’s running from the location it was downloaded to." and two, i cannot get manage content or run to work. Just stays at the loading screen. I have done all basic internet troubleshooting to no avail. Is there anything i'm missing?

[bdsjiym]

So far component state is nothing but a pain in the ass. FF forces me to wrap a TextField in a component, then makes it inordinately difficult to get the entered value out of it. You guys didn't think this through.

[kondraDev]

This is mindblowing!😱 Thank you very much guys!

[yashchandraverma]

That's why I waiting to start flutterflow.

[streemsofwater]

At 6:25, what is the difference between Widget option and Model option?

[martymayfly]

Thanks for that. But there is a problem with list of string value types. I'm trying to add data to my string list (app state) but the system is waiting an integer input instead of string 🤦‍♂