Local State Tutorial - FlutterFlow

Learn how "Local State" works in FlutterFlow. Local State allows you to store information on the device either temporarily for a session, or saved on device without having to use a database.

0:00 Intro
0:28 Simple Counter app layout
1:32 Create Local State variables
2:05 Update Local State variables using actions
2:25 Use Local State variables in the UI
3:00 Inspect generated code for simple local state
3:45 Counter app demo
4:14 Persisted Local State variables
5:16 Persisted Local State Counter app demo
5:50 List values for Local State (ToDo List)
6:35 Generate dynamic list view from local state variable
8:36 Add items to a Local State list variable

Sign up to FlutterFlow to start building beautiful and powerful cross-platform native mobile apps with little to no code!

//

FlutterFlow is a low-code builder for developing native mobile applications. You can use our simple drag and drop interface to build your app 10x faster than traditional development. In order to build your custom app fast, build visually, connect a scalable backend, & export Flutter and DART code. When you’re ready to launch, deploy directly to the App Store for both iOS & Android devices.

[arashmidos]

I just watched this video and learned how much progress FF had during these two years. Congratulations.

[jaigangemata]

Wow
Thank you so much! Being a non tech, now I understands what local state means.

Thank you so much for this tutorial. Yesterday only I requested someone on FF to upload a video on this and team did this in morning.

Please keep uploading more videos. You guys are the only source of learning FF for us.

[lianr]

MORE VIDEOS PLEASE! THE COMMUNITY WANTS VIDEOS EVERY DAY. IN ONE RECORDING DAY YOU CAN MAKE 7 FAST VIDEOS (7-10 MIN). PLEASE! THIS HELPS THE GROWTH OF THE FLUTERFLOW. THE MORE VIDEOS, THE MORE USERS, POPULARITY, FEEDBACK, IDEAS AND

[gramajocristianismael]

Just little reminder, if you add a state like this example, don't name the variable as "value" guess is a little bug or reserved keyword behind but not working, change any other name to this state variable. Great video!

[allaboutpv]

How would you do this to make a calculator? I'm trying to build a calculator and I can't find anything on flutterflow about adding, subtracting, multiplying, or dividing numbers with it. Can you please help? I'm an English and math teacher and I'm not too good at coding so flutterflow is good for me, I'm trying to build a calculator for kids to make math fun, so would you mind making a video on how to build a calculator. I would really appreciate it.

[BeforeLeavingLife]

This app is very helpful and useful and efficient. Thank you

[rolandobencosme]

Great video. How would you delete a specific item from the list?

[_aguskhaer]

Nice video, but...
what if we find a case such as the user wants to access the app again after closing the app and go to a certain page without having to log in which will require local storage on each device?

Any reference for local storage?

[chukwuebukanwajagu]

Hi. Quick question.
How do you use the state management when building an App that will store in users phone as well as database. When internet is there, things get stored in the device and are available, and when internet is available, it gets backed in the database and so on.

[JarkynbekBatyrov]

Hey! how can i make conditional routing ?
ex:
after user logged in
go to next route depends on condition (login page or admin page)

[CaptainGizmo]

What's the max size of a local state variable? Is it at least 5MB? I'm using it to save a json object with many properties.

[davidesoncin]

I noticed that among the widgets (in the widget tree tab) you cannot find the FAB unless you look in the widget palette.

[mazenalsakkaf]

This is really a great tutorial..thumps up!

[denivros]

Nice video! Will you add the support of a JSON list?

[maginixx]

Please show how infinite scroll as you the API data country 100 for example, if every 3 records show, when you pull to the end, the data in the column, all had to load more 30 what already gives 60, and each time that you load more automatically and dynamically incrementing until you give the 100 total records that come from the json API listed, I at flutterflow so far have not put a function that does this automatically, and this feature is extremely important, crucial for those who have many records coming in the api and wants to load everything in the app inside a listview or wrap column, as if it is pulling the pagination little by little but with auto increment in the column called scroll au increment, I don't know how to work with code and I chose to pay and use flutterflow for being a non-excellent option, but now we don't provide this fun that is very important and we need more, urgently please if there is any way to help ask what to help, because I'm crashing 1 me s in my app I can't solve this I have many no json banks I wanted to bring it little by little and on a screen as if it were all the data per record divided by pages because there are many, but I'm not trying to do it because the platform doesn't give that option, help me answer.

OBS: the name of the system I'm talking about is: Increment content in Column from API On pull To refresh

we need auto Increment content in Column from API On pull To refresh, automatic, this tool still doesn't have it when you create the query chidrens in the column passing the content, please help we need this I can't finish my project I want to sign the plan but no I can even finish this, I need to bring the API records that come per page are 30 on each page, I don't know how to work with code, I don't have time for that, and I need to finish my project to be able to pay the plan and download my code, for Please could you implement this au increment tool as the person pulls the scroll to the end and the query increments the amount of record you want to appear until giving the final record value returned by the API in json. please help paste this function, we are waiting, until then I will wait to be able to change my plan from free to premium. thanks !!

if you need help, just tell me and I'll pay you to put a tool already ready in that part that when you click on On Pull to refresh, it updates the api data, with auto increment updating the data by pagination according to the amount of record chosen by the developer in the tool part > (Generating Children from Variable) in "Max Items" if you put every 10, for example from the json API, of 50 it would load 10 records 5 times each time the user scrolls to the end the records listed within the list view or Wrap column, all automatically, without having to change code or anything like that, if you need help with this I pay for it because it costs a lot to finish my project, and I depend on this, thank you and until later I stay in I wait !!!.

[streemsofwater]

Can anyone please inform me what is "persisted counter" at 4:14? How is it different from normal counter at 3:45?

[jatinrathod]

i am creating custom widget switch on off how can change main screen title based on value?

[myandrobox]

While this is good, how about having a variable which can store the list of country codes, which I can use in the app. Also there should be a provision in the interface to upload list of items into the variable from backend. Imagine the list of countries, we should be able to just import them from a csv file or so? Is this all possible?? Please guide!

[novacrypto]

how do i use the counter individually in a listview in different products

[AhmedAbdulla]

Can we set an initial value to local state variables?