Flutter TextField | Know your widget

แชร์
ฝัง
  • เผยแพร่เมื่อ 23 ก.ค. 2024
  • In this video I have demonstrated some properties and features of TextField which we can use to validate user input in Flutter and also achieve better user experience by providing input guidance.
    Join this channel to get access to perks:
    th-cam.com/users/CodeXDevjoin
    Related videos:
    Flutter ListView Tutorial | Clock App (Episode-4)
    • Flutter ListView Tutor...
    Flutter Layout Design Tutorial || Top 5 Widgets
    • Flutter Layout Design ...
    Flutter Hero Animation Tutorial| ListView
    • Flutter Hero Animation...
    Gears ========
    Camera 📸 || Canon 250D : amzn.to/34isdKr
    Mic 🎤 || Maono AU-04 : amzn.to/341g9wS
    #CodeX
    Connect with me on social media:
    FB: / codexdevs
    Twitter: / afzalali15
    LinkedIn: / afzalali15
    Discord: / discord

ความคิดเห็น • 78

  • @CodeXdev
    @CodeXdev  3 ปีที่แล้ว +23

    Its really hard to create Graphical video like this 🤓 Now I know how Flutter creates "widget of the week" videos...👨🏻‍💻🎯 Hit the like for more such videos 👍

    • @CodeXdev
      @CodeXdev  3 ปีที่แล้ว +1

      I knew it, thats y added obscuringChar in start of video 🤪

    • @faheemahmadofficial7701
      @faheemahmadofficial7701 3 ปีที่แล้ว +2

      please make more vidoes like this every second day...and next time make simple BARE BONES apps in tutorials too please pelase

    • @delarrampoudel4561
      @delarrampoudel4561 2 ปีที่แล้ว

      love it bro with respect!

  • @hubertgredzinski4930
    @hubertgredzinski4930 2 ปีที่แล้ว

    Thank you for video! You speak English very well, listening to you it's a pleasure! :)

  • @josepha4685
    @josepha4685 2 ปีที่แล้ว +3

    Thanks for this video. I saw from your comment how hard it is to make videos like these but they are worth the effort as it makes understanding the concepts easier. Please do more videos like this on other widgets.

  • @ismailalami3598
    @ismailalami3598 ปีที่แล้ว

    Amazing video, one of the best videos of flutter I've seen, if not the best

  • @BO-nn9up
    @BO-nn9up 2 ปีที่แล้ว

    thank for the useful and excellent good quality videos!
    I'm watching your videos every lunch time! it's really helpful for me

    • @CodeXdev
      @CodeXdev  2 ปีที่แล้ว

      That’s amazing 😻

  • @harshjain4256
    @harshjain4256 3 ปีที่แล้ว +2

    The quality of your videos is too great this is like gold for us keep making these videos

    • @CodeXdev
      @CodeXdev  3 ปีที่แล้ว

      Glad you like them!

  • @sumanmitraYTC
    @sumanmitraYTC 3 ปีที่แล้ว +4

    Awesome buddy! Expecting a video evey week like Official flutter channel do(they dont go deep u did)❤️

    • @CodeXdev
      @CodeXdev  3 ปีที่แล้ว +1

      I will try my best

  • @ysapaa9173
    @ysapaa9173 3 ปีที่แล้ว +2

    I'm sure you've put a lot of effort into this. Result is amazing! It'd be amazing if you created more videos like this. Keep up good work!

    • @CodeXdev
      @CodeXdev  3 ปีที่แล้ว +1

      Thanks and sure

  • @hashankannangara8723
    @hashankannangara8723 3 ปีที่แล้ว

    Short & Sweet video. Thanks !

    • @CodeXdev
      @CodeXdev  3 ปีที่แล้ว

      You're welcome!

  • @ImadMahdi
    @ImadMahdi 2 ปีที่แล้ว

    This is by far the best and prettiest explanation I have seen on the internet. Thank you for your effort. Liked and subscribed.

    • @CodeXdev
      @CodeXdev  2 ปีที่แล้ว

      Wow, thank you for sub!

  • @flutterclone1849
    @flutterclone1849 3 ปีที่แล้ว

    All flutter developers need your channel, you are essential Good luck Master

    • @CodeXdev
      @CodeXdev  3 ปีที่แล้ว +1

      Thank you so much 🤗

  • @deepakmathews301
    @deepakmathews301 3 ปีที่แล้ว +1

    This was so helpful, thank you!

    • @CodeXdev
      @CodeXdev  3 ปีที่แล้ว +1

      You're so welcome!

  • @Kiwhiz
    @Kiwhiz 3 ปีที่แล้ว

    Awesome video! Thanks!

    • @CodeXdev
      @CodeXdev  3 ปีที่แล้ว

      Glad you liked it!

  • @akshayr6067
    @akshayr6067 3 ปีที่แล้ว

    Great visualisations. Good job. Keep it up👍

  • @HuynhLuong227
    @HuynhLuong227 3 ปีที่แล้ว

    thank you CodeX

  • @pault54
    @pault54 3 ปีที่แล้ว

    Excellent tutorial !

    • @CodeXdev
      @CodeXdev  3 ปีที่แล้ว

      Glad you liked it! Do share with your group 👍👨🏻‍💻

  • @fadhilirimba6
    @fadhilirimba6 3 ปีที่แล้ว +1

    Good Work bro,Keep it up!!

    • @CodeXdev
      @CodeXdev  3 ปีที่แล้ว

      Thanks 🔥

  • @RajA-me9cl
    @RajA-me9cl 3 ปีที่แล้ว +3

    Make a series. Thank you!

    • @CodeXdev
      @CodeXdev  3 ปีที่แล้ว +2

      Yes, thats the plan 👍 I must say its easier to record and show VS code then to produce such graphical content 😝 but i will try to do more such video if you guys like it 👨🏻‍💻

  • @sosesuis
    @sosesuis 3 ปีที่แล้ว +1

    Awesome video

  • @yogyasinghal3266
    @yogyasinghal3266 3 ปีที่แล้ว

    really helpful sir !!!

  • @mkmalikcom
    @mkmalikcom 3 ปีที่แล้ว +2

    great animations 🔥

  • @Sourav9063
    @Sourav9063 3 ปีที่แล้ว

    Awesome. Please make more videos like this....♥️

  • @DawnFreeSdiki
    @DawnFreeSdiki 3 ปีที่แล้ว

    really good series

  • @pragnabhatt4866
    @pragnabhatt4866 2 ปีที่แล้ว +1

    Very useful

  • @mdhossen7082
    @mdhossen7082 2 ปีที่แล้ว

    This video is Very helpful

  • @moeinkpr9100
    @moeinkpr9100 3 ปีที่แล้ว

    wonderful

  • @eskindergetachew8045
    @eskindergetachew8045 2 ปีที่แล้ว

    well done

  • @poisonels8023
    @poisonels8023 3 ปีที่แล้ว +1

    Waouh. I like this format. Can you make it for more widget?

  • @tahtalisofiane2370
    @tahtalisofiane2370 3 ปีที่แล้ว

    thank your sir it is very nice and important vidéo good job bravoooo

  • @achyut_ft
    @achyut_ft 3 ปีที่แล้ว

    awesome videos bro ! keep going...

    • @CodeXdev
      @CodeXdev  3 ปีที่แล้ว

      Thanks a ton

  • @mohamedbashe2524
    @mohamedbashe2524 2 ปีที่แล้ว

    I swear to god i subscribed your channel before i finished the video

    • @CodeXdev
      @CodeXdev  2 ปีที่แล้ว

      Thats awesome.. hope you find it helpful :)

  • @ai-bloggers
    @ai-bloggers ปีที่แล้ว

    🚀🚀🚀

  • @poisonels8023
    @poisonels8023 3 ปีที่แล้ว

    Do more videos like this please

  • @MoAdel92
    @MoAdel92 3 ปีที่แล้ว

    More getX
    Videos please
    I really struggle with it

  • @taiwo763
    @taiwo763 3 ปีที่แล้ว

    This is cool but I watched thinking you covered the concern on Textfield value lost when app pause and resume cycle.

  • @mdhossen7082
    @mdhossen7082 2 ปีที่แล้ว +1

    How to build flutter app and upload Play store, please make on video about this.

  • @warperone
    @warperone 2 ปีที่แล้ว

    great video. What about ability to pre insert text e.g. I want user to enter HH:MM:SS but I want to automatically insert the ':" for them ... how can you do that ?

    • @CodeXdev
      @CodeXdev  2 ปีที่แล้ว

      For that you need to look into TextInputFormatter. You can override formatEditUpdate method and do the manipulation

  • @harshjain4256
    @harshjain4256 3 ปีที่แล้ว +1

    Plz make a tutorial on flutter list view animations because most of the apps use list view to display large data and i want to learn how to present that large data through flutter animations

    • @CodeXdev
      @CodeXdev  3 ปีที่แล้ว

      I have video on ListView.. check the description!

    • @harshjain4256
      @harshjain4256 3 ปีที่แล้ว

      Yeah i have watched that video i am asking for list view animations like swipe to delete the item, shrinking of top element while scrolling etc.

  • @maichelsameh3833
    @maichelsameh3833 3 ปีที่แล้ว

    This was really helpful video. But what if I want my text direction to change if the input language requires that??

    • @CodeXdev
      @CodeXdev  3 ปีที่แล้ว +1

      Flutter has RTL support, so it will work out of the box! You can explicitly define textAlign property

    • @maichelsameh3833
      @maichelsameh3833 3 ปีที่แล้ว

      @@CodeXdev Thanks a lot for your answer. But I want to know if there is a way that flutter can detect it automatically??
      Because I need to create a multi language app, where users can have the main language English but write in other language that requires to start from the opposite side.

  • @yunuscanip6789
    @yunuscanip6789 3 ปีที่แล้ว

    Hi, I have a question about obscure character may I use any way icon(svg or something else) instead of string ?

    • @CodeXdev
      @CodeXdev  3 ปีที่แล้ว +1

      No, it only accepts string (single character). One thing you can do is refer to Unicode characters and use one of them.. like '\u2663' ♣

    • @yunuscanip6789
      @yunuscanip6789 3 ปีที่แล้ว

      @@CodeXdev Thank you for interest 🙋🏻

  • @aminelahrim8142
    @aminelahrim8142 3 ปีที่แล้ว

    Am in a project now and i have suffer a problem about change Hight to a small textformfield it can't

  • @sounsavdan1033
    @sounsavdan1033 2 ปีที่แล้ว

    please make a tutorail how to print invoice in flutter

  • @AZainkhan46
    @AZainkhan46 3 ปีที่แล้ว

    hello sir I have a question please guide me I want to develop a chat functionality in my app using pusher so how could I do please give me some reference or anything really I have searched everywhere but found nothing please guide me I will be very thankful to you for this

  • @vismayakumar7463
    @vismayakumar7463 2 ปีที่แล้ว

    Can Textfield width change...

  • @Flutterful
    @Flutterful 3 ปีที่แล้ว

    Great video, I created similar videos on my channel but its really time consuming and TH-cam doesn't like short 1 min videos so it bars the growth of the channel ☹️

  • @shwetalukka529
    @shwetalukka529 3 ปีที่แล้ว

    Hello sir, how to put validation in textfield.emailaddress

    • @CodeXdev
      @CodeXdev  3 ปีที่แล้ว

      You can use TextFormField and use validator property, search for TextFormField you will get more info

    • @shwetalukka529
      @shwetalukka529 3 ปีที่แล้ว

      @@CodeXdev ok ty

  • @harshjain4256
    @harshjain4256 3 ปีที่แล้ว

    Now whenever i will use text field in my project i am going to watch this video instead of flutter documentation

    • @CodeXdev
      @CodeXdev  3 ปีที่แล้ว

      Still, you will find so much more information in the docs.. but watching video is interesting 🤓

  • @dhavalsaxena9583
    @dhavalsaxena9583 2 ปีที่แล้ว

    never show this type of effort

  • @vismayakumar7463
    @vismayakumar7463 2 ปีที่แล้ว

    Can Textfield width change...