Introducing Custom Data Types in
ฝัง
- เผยแพร่เมื่อ 1 ก.ค. 2024
- In this short video I introduce you to Custom Data Types. You can now define a custom data type within #FlutterFlow which can then used throughout your #nocode #lowcode application. For example I created a custom data type called User which contains a full name, age and a list of favourite fruits. I used an App State variable which is using the Custom Data Type to persist all the values within my application. I then used the UI to manipulate the values stored within the App State. I also show how these can be passed around a very simple Custom Function.
There are so many use cases for Custom Data Types and I hope this video provides some insight to how these can be used in your own projects. Enjoy!
00:00 Introduction
00:31 Data Types Option
01:30 Adding Data Types to App State
02:35 Sample application
03:23 Running the sample application
04:42 Custom function
05:48 Closer look at setting state/UI workings
11:24 Final thoughts
_____
🚀 The Digital Pro's NoCode Academy on Patreon: www.thedigitalpro.co.uk/patreon
(official launch in September, but welcome to join today 😉)
🔥 If you love my content why not consider buying me a coffee, it's really appreciated: www.thedigitalpro.co.uk/coffee
👍 Support the channel and grab yourself a free FlutterFlow account by clicking here: www.thedigitalpro.co.uk/flutt...
🎉 Your love is much appreciated ... A like to this video is like a High Five!!! Thank you all.
wow great tutorial. Needed this explanation for we the non coders. You make it impossible to Not understand you. You simplify everything down to the core. Thanks man! Your teaching skills are great tbh!!
Hey thank you Drey. This was the whole purpose of the video. Even looking back on it there were so many more bits I could of explained like more use cases for Custom Data Types. I will certainly touch on this in future videos.
@@the_digitalpro wow that will be great thanks man. Looking forward to that
Excellent tutorial from you again. Thank you for your effort and information Steve 🤩
You are most welcome thank you very much. 👍
Hi Steve, Thanks for the video. By the way, I'm wondering how can we can add option from drop down menu to list like you did in the video without using app state?
Very nice work 👍
Thank you! Cheers!
Hey ! Thanks for the great video... I saw that new icon this morning and thought it would be a game changer. From what I understand, this is like a local database right ? But right now, I am puzzled. I wanted to store my API response (a 3mo JSON file) through Data Types, creating a data type field for each field in my response, and inject the data through an action (update app state). It doesn't work. So my question is : is it really doing what I am trying to do ? :D
thank you so much
You are most welcome
Hi! Great video!
Do you know what are the size limits to use data type in App State?
Hi. Actually I do not know what the size limits are. If I was to guess I reckon there would not be a size limit and its down to us, as nocode developers, to correctly manage the size to not have any negative performance issues within the app. Also if you were building a web app your app state will be stored within local storage within the web browser and I know this can be reasonably sizeable before it impacts performance on reads and writes. Hope that helps.
I'm guessing this isn't needed as much for when you get data from Firebase since it already has data types? This would be more for APIs that return JSON since those aren't type safe?
Hi David. Did you see my most recent video as this provides a good example whereby I use Custom Data Types. In this example I use these to keep track of the selection of navigation items in a navigation container. In terms of Firebase you are correct as in FlutterFlow you have two way binding between Firebase with specific FlutterFlow schemas. I cannot think of any issue with using custom data types between FlutterFlow and an API. I've not attempted this myself in any examples.
what's the plus value compared to firebase ? no query ? but is there something we can't do with firebase which is possible with custom data types ?
So it’s in fact just data tables but stored inside the app if persistent if I’m correct. Would these just act as single row data profiles containing a user’s preferences? What use cases would there be?
So let me give you a quick example of a use case. Let's say you a re building a quiz application and you have a series of random questions coming back from say Firebase or Supabase. You can use a custom data type to track the answers the user is selecting by maintaining a custom data type which contains a reference to the question and the answer the user has selected. At the end of the quiz you could look through the custom data type answers and cross check them with questions that have come back from the database. Your first question about data tables is somewhat on the right track. The data is persisted within the storage of the running application. If the user is running a web app the local storage within the web browser is used instead.
@@the_digitalpro The confusing part for me is the name. A data type would be string or integer or double or .. the word ‘type’ confuses me here 😉 Don’t you find the naming weird or am I overlooking something?
you didn't show in the video pls what is the settings for the conditional visibility
Thank you.
I am wondering How would custom data types apply to web apps?
Hey Jean. Any data which is stored within the App State is stored within the Local Storage of the web browser. Think of this as a reserved location, within the browser, which will hold on to your data which is specific to the website address of your running application. It would only be specific to the local user running your web application. Local storage can be cleared and you see this if you press F12 in Chrome, click the application tab and then look for Local Storage.
Hey Steve! Can I use this app state to mimic local storage databases?
You can do this and persist. Obviously if anyone clears down their local storage they will loose all the data. Ideally a database is the best way here. Hopefully the FlutterFlow team will introduce a local database at some point. This would be awesome!
Hey guys I really need help, I built dropdown menu and it has doc reference as values, but I cant not write the widget variable on firebase doc reference field...Can any one help me?