Video is amazing. Just 1 recommendation - you could show how to avoid the keypad that slides up, from covering your text field that you clicked on.. Since now that text field has focus.
Can you tell me how would I show the text over the text field at left without focusing it. means to say the format shown at focus can be done if we want this on without focus?
Hey Johnathan, hope you are doing well can you please make a video on one time purchase in app. I mean lifetime fee to use the app. Also please tell can it possible without having database. Also with local payment method if possible. Thanks in advance.
Hello, one question. How did you change the color of the word email when it was selected? In the beginning was grey and then was red, how did you do that?
4:28 we can also use below code for suffix icon: suffixIcon: Visibility( *visible: emailController.text.isEmpty ? false : true,* child: IconButton( icon: const Icon(Icons.clear), onPressed: () { emailController.clear(); }, splashRadius: 15, ), ), Visibility is explained in one of your recent videos.
I tried to cover only the parts important for TextFields and didn't explain the other Flutter components. If it was too fast for you make sure to watch my beginner tutorial here first ruclips.net/video/CQZr-GXe__Y/видео.html This might help you also check the source code of this video out: github.com/JohannesMilke/textfield_example
Thank You Deepjyoti Baishya! Follow this link: stackoverflow.com/questions/51652897/how-to-hide-soft-input-keyboard-on-flutter-after-clicking-outside-textfield-anyw I hope you will get your answer 🙂
I made a ALERT DIALOGUE BOX, content is having a TEXT FIELD , and actions have two BUTTONS in a row...... BUT there is some EXTRA SPACE between these TEXT FIELD and BUTTONS..... How can I avoid thaaat space. I used padding with insets = 0 ..... But not working, also tried by wraping text field with container and specifying height but that too didnt worked ... what to do....How can I avoid thaaat space
Thank You NARIKODAN HRIDUL! Follow this link: fluttercentral.com/Articles/Post/1060/How_to_remove_the_extra_space_on_left_side_of_Column_Widget I hope you will get your answer 🙂
Hi Johnannes. I couldn't find any tutorial on the internet where are user can bold a part of his text inside a text field just like whatsapp. Can you please help out?
Thank You Kings Samuel Abimbola! Follow this link: stackoverflow.com/questions/51093559/flutter-is-it-possible-to-format-bold-italicize-etc-with-in-the-string-only I hope you will get your answer 🙂
Thank You Artsy Lemon! Follow this link: www.fluttercampus.com/guide/87/how-to-copy-paste-text-from-clipboard-with-dart-flutter/ I hope you will get your answer 🙂
tutorial very well paced, explained, content rich and essential for flutter layouts and functionality (....and with code in github.... yahuuuu!! ) , thank you a lot,
amazing, you are not showing the fundametals, but also the logical flows in coding, which are very good for non-IT base like me. Thank you so much for your efforts.
Hello, Badi elmaestro! Follow this link: stackoverflow.com/questions/49930127/outlineinputborder-disappears-when-the-textfieldform-is-selected-focused, I hope it will solve your problem. Thank You 🙂
very comprehensive video - well done. I'm trying to create a TextField that gets a user to enter a time in HH:MM:SS format. I want it so as they type in HH I automatically insert ':' in TextField and so on, I can get it to work but when they press backspace or delete key it does not work so well. Any thoughts or examples ?
Thank You mars 000! Follow this link: stackoverflow.com/questions/62467842/flutter-textfield-input-validation-for-a-date I hope you will get your answer 🙂
And please show how to start from some text to input phone number: for example +251 00990990 +251 is not editable or can not be clear I see on stackoverflow county code chooser but i don't need because of the country flag img.
Thank You amanuel gulilat! Follow this link: stackoverflow.com/questions/63138176/how-can-i-keep-the-iconbutton-inside-a-textfield-from-focusing-the-text-field-wh I hope you will get your answer 🙂
Thank you, Multicultural ! You could learn more about to create Rich Texts with a Textfield here: livecyclekarma.wordpress.com/2009/05/20/richtext-tricks-for-textfield-in-designer/
Thank You Yunis Maruf! Follow this link: stackoverflow.com/questions/54802765/flutter-textfield-change-icon-color-when-selected I hope you will get your answer 🙂
@Randal L. Schwartz Within the dispose method the TextEditingController needs to be disposed to clean up resources of the TextEditingController properly 1) Learn more about the dispose method here: stackoverflow.com/a/64384890 2) I have also implemented the dispose method properly within the source code of this project here: github.com/JohannesMilke/textfield_example/blob/3a5980c3524b441504d21e1b7528386f10d5e4f8/lib/widget/textfield_general_widget.dart#L22
sorry but I cant like this because it is not deep dive covering some cases, eg: transparent with no extra height more than font size is not included here :'(
👉Join 12 Week Flutter Training: heyflutter.com
👉Join the WhatsApp Channel to get the latest news about Flutter & HeyFlutter: whatsapp.com/channel/0029VaDNCZtC1Fu8nL2vmw3f
Source Code: github.com/JohannesMilke/textfield_example
TextFormField & Forms Tutorial: ruclips.net/video/2rn3XbBijy4/видео.html
Email SignIn Tutorial: ruclips.net/video/rnHAInnjCmM/видео.html
Google SignIn Tutorial: ruclips.net/video/ogW83xGQGTg/видео.html
Text Tutorial: ruclips.net/video/WYbXv9WtVwE/видео.html
Text Recognition Tutorial: ruclips.net/video/TNKtGOZRA5o/видео.html
Image Tutorial: ruclips.net/video/JDDoN2THwug/видео.html
Google Translate Tutorial: ruclips.net/video/N_UI1Wps7bI/видео.html
Align & Position Tutorial: ruclips.net/video/4wS5LdXJgEA/видео.html
Card Tutorial: ruclips.net/video/pDnfJvh7uzc/видео.html
Navigation Tutorial: ruclips.net/video/Xnp6ptZVs1g/видео.html
You save my *noob* 30 minutes struggling with suffix change when text is empty. Thank you!
Video is amazing. Just 1 recommendation - you could show how to avoid the keypad that slides up, from covering your text field that you clicked on.. Since now that text field has focus.
@@HeyFlutter great .. I really admire you & your humility. All the best Always :-)
Can you tell me how would I show the text over the text field at left without focusing it. means to say the format shown at focus can be done if we want this on without focus?
You are very amazing man , thank you brother.
@@HeyFlutter welcome.
Hey Johnathan, hope you are doing well can you please make a video on one time purchase in app. I mean lifetime fee to use the app. Also please tell can it possible without having database. Also with local payment method if possible. Thanks in advance.
@@HeyFlutter Thanks Man!
Hello, one question. How did you change the color of the word email when it was selected? In the beginning was grey and then was red, how did you do that?
How to Increase the height and Width?
Thank You AZ Gaming! Follow this link: www.kindacode.com/article/flutter-textfield-width-height-padding/
I hope you will get your answer 🙂
Why text field is always make problem and bugs in real device , but in emulater work fine ?
4:28 we can also use below code for suffix icon:
suffixIcon: Visibility(
*visible: emailController.text.isEmpty ? false : true,*
child: IconButton(
icon: const Icon(Icons.clear),
onPressed: () {
emailController.clear();
},
splashRadius: 15,
),
),
Visibility is explained in one of your recent videos.
Absolutely great keep going forward
Hi sir for web textinput type number not working
Do you have any solution
You are just exceptional!!!
Thankyou ~~~very helpful video~~
Number One love your Teaching
And thattt is fantasticooooooo man!!!!!!????
I hope you write the code from the beginning and not just explain. Thank you
I tried to cover only the parts important for TextFields and didn't explain the other Flutter components. If it was too fast for you make sure to watch my beginner tutorial here first ruclips.net/video/CQZr-GXe__Y/видео.html
This might help you also check the source code of this video out: github.com/JohannesMilke/textfield_example
lmao i can hear that you are german ahahahah
Hi, do you know how can i retreive selected text form a textfield?
Thank You Kerby Elpenord! Follow this link: stackoverflow.com/questions/56568057/flutter-textfield-get-selected-text
I hope you will get your answer 🙂
You are a nice person
how tu use textfield done by clicking on
anywhere background .
Thank You Deepjyoti Baishya! Follow this link: stackoverflow.com/questions/51652897/how-to-hide-soft-input-keyboard-on-flutter-after-clicking-outside-textfield-anyw
I hope you will get your answer 🙂
I made a ALERT DIALOGUE BOX, content is having a TEXT FIELD , and actions have two BUTTONS in a row...... BUT there is some EXTRA SPACE between these TEXT FIELD and BUTTONS..... How can I avoid thaaat space. I used padding with insets = 0 ..... But not working, also tried by wraping text field with container and specifying height but that too didnt worked ... what to do....How can I avoid thaaat space
Thank You NARIKODAN HRIDUL! Follow this link: fluttercentral.com/Articles/Post/1060/How_to_remove_the_extra_space_on_left_side_of_Column_Widget
I hope you will get your answer 🙂
thank you Milkee
Hi Johannes, How to change color of the bubble (under cursor) while editing the text in Text Field.
Bro thanks a lot. I hope your channel will grow day by day and it became the most famous channel in the world. I am your big fan broo
Excellent
Gold
Hi Johnannes. I couldn't find any tutorial on the internet where are user can bold a part of his text inside a text field just like whatsapp. Can you please help out?
Thank You Kings Samuel Abimbola! Follow this link: stackoverflow.com/questions/51093559/flutter-is-it-possible-to-format-bold-italicize-etc-with-in-the-string-only
I hope you will get your answer 🙂
Is that possible to paste / copy text from the inputs? For me copy, paste, select al and cut buttons not working.
Thank You Artsy Lemon! Follow this link: www.fluttercampus.com/guide/87/how-to-copy-paste-text-from-clipboard-with-dart-flutter/
I hope you will get your answer 🙂
Sir, How can we set a TextFieldForm in the center of the screen onTap Function? Or at least to make it visible and above the keyboard
What is the best way to apply styles globally? Is making a custom widget the only way?
Thank You @jonthuemichel9939! Follow this link: kcl.hashnode.dev/how-to-define-a-flutter-theme
I hope you will get your answer 🙂
if we use keyboard dismisser in dependencies... will that increase app size ?
Thank You NARIKODAN HRIDUL! Follow this link: pub.dev/packages/keyboard_dismisser
I hope you will get your answer 🙂
Very good video, but sound is too low, please increase
Thanks for your feedback, @husenpatel9381! 🙂
I want to set email text color and border color when I click the field how can I do that
In your example the text color and border color when the box is clicked are red, just like in your app, i want to do this in orange in my app
you are too good man, I love your Videos.
Thank you so much this video helped me a lot
Thanks, would love to see extension of these text forms with rich text editor like quill - thanks
Thank you so much for this complete tutorial of TextField, greatjob!
Great Tutorial or should I say Gut gemacht? Man hört echt raus, dass deine Muttersprache Deutsch ist. Das ist aber ja nichts schlechtes:)
Every flutter developer need this
Thanks more + like from me!
Every your sourced lesson is short and easy to understand
Great job Breaking down all the aspects of the given widget. Thanks
you're awesome as well as your content.
I like your To The Point Video Editing. Not a single second goes to waste.
tutorial very well paced, explained, content rich and essential for flutter layouts and functionality (....and with code in github.... yahuuuu!! ) , thank you a lot,
Glad to hear that, You are welcome Oswaldo Olea! 😊
amazing channel. as a flutter beginner helps me figure out a lot of things. thank you so much
amazing, you are not showing the fundametals, but also the logical flows in coding, which are very good for non-IT base like me. Thank you so much for your efforts.
Glad to hear that, You are welcome Bon Du lịch! 😊
You are amazing man , thank you
Please complete flutter project easy way with firebase
@@HeyFlutter but your tutorial is so difficult to understand as a beginner level
Thank you, Muhammad Adnan! 🙂
check out the Firebase CRUD Tutorial where a whole app is created from scratch: ruclips.net/video/EV2DyrKOqrY/видео.html
when I clicked to the textfield, the border disapear
@@HeyFlutter thanks men you're the best
Hello, Badi elmaestro! Follow this link: stackoverflow.com/questions/49930127/outlineinputborder-disappears-when-the-textfieldform-is-selected-focused, I hope it will solve your problem. Thank You 🙂
very comprehensive video - well done. I'm trying to create a TextField that gets a user to enter a time in HH:MM:SS format. I want it so as they type in HH I automatically insert ':' in TextField and so on, I can get it to work but when they press backspace or delete key it does not work so well. Any thoughts or examples ?
Thank You mars 000! Follow this link: stackoverflow.com/questions/62467842/flutter-textfield-input-validation-for-a-date
I hope you will get your answer 🙂
Great
Thanks Johannes!
Thanks, also Paulo Biscocho! 🙂
how to disable totally IconButton focusable
And please show how to start from some text to input phone number: for example
+251 00990990
+251 is not editable or can not be clear
I see on stackoverflow county code chooser but i don't need because of the country flag img.
Thank You amanuel gulilat! Follow this link: stackoverflow.com/questions/63138176/how-can-i-keep-the-iconbutton-inside-a-textfield-from-focusing-the-text-field-wh
I hope you will get your answer 🙂
Is there any way the user can create Rich Texts with a Textfield? For example if the user wants to convert any word inside the textfield to bold?
Thank you, Multicultural ! You could learn more about to create Rich Texts with a Textfield here: livecyclekarma.wordpress.com/2009/05/20/richtext-tricks-for-textfield-in-designer/
Amazing !!! thank you
Excelent tutorial. Do you have a tutorial to create the same mobile app for Android & IOS ?
Thank you, Juan Perez! 🙂 I usually focus on flutter tutorials only, this same flutter app can be used on Android as well as on iOS
Great job brother
Big fan.
Thank you, Mateen Mehmood! 🙂
when text field is active, I want to set color for mail icon to green, how can do that?
@@HeyFlutter thank you 😊
Thank You Yunis Maruf! Follow this link: stackoverflow.com/questions/54802765/flutter-textfield-change-icon-color-when-selected
I hope you will get your answer 🙂
@@HeyFlutter thank you 😊
can you do a video on the validation of this textfields? just subscribed btw
Thank you, Edoardo Remondini! Check out this video about textfield validation: ruclips.net/video/2rn3XbBijy4/видео.html
Could you have used a Riverpod flutter_hooks "useTextEditingController" to avoid adding (or forgetting to add) the initState and dispose?
@@HeyFlutter Are you going to re-edit it to talk about the missing dispose? :)
@Randal L. Schwartz Within the dispose method the TextEditingController needs to be disposed to clean up resources of the TextEditingController properly
1) Learn more about the dispose method here: stackoverflow.com/a/64384890
2) I have also implemented the dispose method properly within the source code of this project here: github.com/JohannesMilke/textfield_example/blob/3a5980c3524b441504d21e1b7528386f10d5e4f8/lib/widget/textfield_general_widget.dart#L22
Very good and quick dive. You broke the ice by the mean, thanks Johannes 👍
You’re most welcome, Barzy Yasin! 🙂
sorry but I cant like this because it is not deep dive covering some cases, eg: transparent with no extra height more than font size is not included here :'(