Form Validation UI in FlutterFlow Tutorial
HTML-код
- Опубликовано: 3 авг 2024
- In this video we show two different ways how to design form validation ui in your app.
Start building in FlutterFlow: flutterflow.io
//
FlutterFlow is a low-code builder for native apps, bringing design and development into one tool. Drag-and-drop to build pixel-perfect UIs. Connect your app to live data via Firebase or APIs. Easily add advanced features like push notifications, payments, animations, and more. Build your own custom widgets or write custom code that you can use in FlutterFlow. When your app is complete, export your code or deploy straight to the app stores. Наука
This explanation is awesome because not only does it teach how its done but also what not to do and they why behind it.
I have worked with backend databases for many years but this tool enables me to do front end as well. The video instruction is very helpful.
Great video please try to release new videos every week we would appreciate it
Love Flutterflow. This is interesting and very helpful. Alot of us are really struggling with database structuring and connection to your App. Making textfield searchable, more on drop down and so on.
Pls make more videos. Thank you.
This is helpful but is too lengthy to implement considering we already have a form widget. Would be great if we can make the form widget more powerful than it currently is. Like if form has a boolean attached to it which checks if all input are valid.
Currently the form simply highlights issues but not really stop user from proceeding. Seems like this can be a low hanging fruit
This is for pure customization I guess more than a "quick" way to do something fast. Idk. We all have our own methods :P
Very confusing for me. In the first exemple you say I will explain how NOT to do, but you keep going and don't come back to explain the right way. I need to give to disable option a not empty or empty? Because I am trying here and no one gonna works. And more, after de disable configuration I go to action triggers and put create account?
Fr are we the only ones who actually realized that?
For someone who mentions simplicity of design and things being intuitive and easy to use, your actually video is all over the place!
true
Great explaination and step by step tutorial. Thankyou so much
Excellent. Maybe "is set/non empty" can be changed to "is set/non blank" because the user can still fill the fields with blank spaces.
Very well explained.👏
Very helpfull guide.
I wanna know if it's possible to check if the user already exist before create the account ? And how do it?
I'm trying to add an action on my button to query the user's firebase, and filter by the email adress, but i must have forget something bcz it doesn't work.
Hope you will get some answer here.
Great video ;)
Flutter is really amazing BUT I have been struggling 2 weeks now to upload to play store maybe a video on troubleshoot will be helpfull.
Thanks for sharing this video, I have followed same step but button not showing as disable in initial state or when login field is empty. 😕
yes... did you solve it?
You're the BEST, thank you Sir.
No, you're the best😉
@@FlutterFlow See what I mean 🤣🤣🤣
We do.
@@FlutterFlow 😂😂😂
Excellent video.
How do you focus a textfield using an action in flutter flow?
thats helpful
there is a trick where i can do there
by using hide and show more than one button with " if "
Thanks! That is quite helpful... BTW, How to ensure that value typed in the text field for email id is indeed a valid email (validating with REGEX / domain lookup etc)?
I'm just trying to figure out how to check if a user has entered a phone number in an email form and give them an error message for it. How do I do that?
Is it possible to prevent that Label from taking top left position
thx
We want to improve the web, be faster, extract html code, connect MySQL databases, and advertise with a reward
Thanks for the video.
I still don't like the true/ false conditional logic though 🥲
Very confusing/ not intuitive. I suppose what would make me happy is a "conversational" type of logic... Basically if else statements and simpler language. Not set and empty vs null.
If these fields are null disable this button and set color to x. , else enable button. Same for conditional visibility. It's better than before but still needs work as far as usability. UX research team get back to work! Simpler language please and thanks. Heck send out a typeform survey etc and see if users find the terminology/ language/ processes easy to understand.
iam facing authentication issue
After i sign up as a user the database in flutterflow and also firebase console is not showing or registering new user details
Can someone tell me how to fix this??
This is flutterflow in a nutshell. If it takes 20 minutes to educate how to do form validation, then is it really a no-code solution? I feel like a lot of FF features are built for power-users at the expense of over-complicating something that it core basic functionality that should be a few clicks and take a few minutes to explain. Anyway back to my 1 hour of trying to figure out how to do basic form validation that blocks a user from submitting. Wow. Why. So. Hard.
Not good at all
Rework the video
Or reorganize the event in programming
You are just talking from two sides of your mouth, confusing everyone. You are more concerned about twisting your voice on the microphone. Simplicity is sophistication. You are just everywhere.
Poking a badger with a spoon is also a wrong step. This video would be shorter and significantly easier to assimilate if the narrator did not waste time by showing what not to do and just showed the correct steps to follow.
I HATE these videos. Instead of telling us what to do he gives us 5 minutes on what not to do. I don't care about what not to do, get to the point.
We want how to upload several images that I did not see in the documents and I did not see them in your videos. An explanation would be sufficient, thank you
"How do I use !value.endsWith in a TextField in Flutterflow?"
I want to only accept email addresses that end with a certain domain in a TextField(email).
write a custom function use ai to generate it, then use the function in ur validation@@rewindman596