Flutter Tutorial - Create Simple Dropdown Menu Item List | DropdownButton

Поділитися
Вставка
  • Опубліковано 11 січ 2025

КОМЕНТАРІ • 90

  • @HeyFlutter
    @HeyFlutter  Рік тому

    This might help you :)
    👉 12 Week Flutter Training from Newbie to Expert: heyflutter.com
    Source Code: github.com/JohannesMilke/dropdown_list_example

  • @مفضلالشريف
    @مفضلالشريف 3 роки тому +4

    Please don't stop
    I love your videos
    You are legend

  • @sholafreeman3932
    @sholafreeman3932 3 роки тому +5

    you have saved me countless hours of pain... thank you 🙏

  • @akshitsharma9488
    @akshitsharma9488 Рік тому

    Bro You are a lifesaver

    • @HeyFlutter
      @HeyFlutter  Рік тому

      Thank you, Akshit Sharma! 🙂

  • @adawong4996
    @adawong4996 2 роки тому

    Man u deserve Subscribe, Thank you.

  • @zumzam4456
    @zumzam4456 8 місяців тому

    Thx this was my rescue! subcribbed :) so well explained

    • @HeyFlutter
      @HeyFlutter  8 місяців тому

      Glad to hear that, Thank you @zumzam4456! 😊

  • @thushankalana4940
    @thushankalana4940 Рік тому

    Thank you so much Sir❤️❤️❤️

    • @HeyFlutter
      @HeyFlutter  Рік тому

      You are welcome, @thushankalana4940!

  • @karthikmohan79
    @karthikmohan79 3 роки тому +1

    Your voice + Flutter = Love.

  • @touheedkhan9078
    @touheedkhan9078 2 роки тому

    thank you your videos are alwys so helpfull

    • @HeyFlutter
      @HeyFlutter  2 роки тому

      Glad you liked it, @touheedkhan9078 😀

  • @anghamjbeli3037
    @anghamjbeli3037 2 роки тому

    thank you so much your videos alwas save me

  • @aakashbathani4391
    @aakashbathani4391 3 роки тому

    perfect video for beginners

  • @carlosenrique1700
    @carlosenrique1700 2 роки тому

    and if I want to place it at the top right? , Thanks good video.

  • @ndukwevictory1663
    @ndukwevictory1663 3 роки тому

    Dude! This is awesome! Thank you!

  • @pranavsingh5964
    @pranavsingh5964 3 роки тому

    1:28, Can you please tell me what is the shortcut keys to call setState

  • @ChrisHalden007
    @ChrisHalden007 2 роки тому

    Great video. Thanks

  • @channel-om9ww
    @channel-om9ww 2 роки тому

    very good. thank you

  • @shashanksm6327
    @shashanksm6327 3 роки тому

    A great video 👏🏻👏🏻

  • @akhanremtulla2493
    @akhanremtulla2493 3 роки тому

    Thanks

  • @tanojsai8636
    @tanojsai8636 2 роки тому

    Nice video Milke can you tell me how to get dropdownmenu items from firebase

    • @HeyFlutter
      @HeyFlutter  2 роки тому +1

      Thank You Tanoj Sai! Follow this link: stackoverflow.com/questions/63780527/how-to-create-a-dropdown-in-flutter-from-firebase-to-save-document-id
      I hope you will get your answer 🙂

  • @Abdulkadir-ld4xg
    @Abdulkadir-ld4xg 3 роки тому

    Thanks, please how to access the value variable in another stateful widget

  • @lucasjoss5733
    @lucasjoss5733 2 роки тому

    tank you very much !

  • @АртурЗарипов-ю9п
    @АртурЗарипов-ю9п 3 роки тому

    Very, very nice! Thank you!

  • @janammaharjan2699
    @janammaharjan2699 3 роки тому

    Thank you very very much.

  • @mohamednizam5298
    @mohamednizam5298 3 роки тому

    Like the short tutorials concise and to the point. However, for this tut got error for the buildmenuitem - "Local variable 'buildMenuItem' can't be referenced before it is declared". Can you clarify

  • @medsed1133
    @medsed1133 3 роки тому

    Nice, can we also add some borderRadius to the expanded menu ?

  • @mdavidtio9285
    @mdavidtio9285 3 роки тому

    It's very helpful...

  • @sportKO12
    @sportKO12 3 роки тому

    thx brother!

  • @hashankannangara8723
    @hashankannangara8723 3 роки тому

    Amazing 😍

  • @stanislauspnayenggita1361
    @stanislauspnayenggita1361 3 роки тому +1

    How to set dropdown item below the dropdown button?

  • @mohamedyashik1049
    @mohamedyashik1049 3 роки тому

    How to drop-down button disable or read only option?

  • @muhammadafzal237
    @muhammadafzal237 2 роки тому

    How to change Text color of dropdown value And
    Default value of dropdown before selected any value.

  • @KevinCanoCB
    @KevinCanoCB 2 роки тому

    Thanks

  • @thushankalana4940
    @thushankalana4940 Рік тому

    Sir, How to pass realtime data base values into Dropdown list🙂

    • @HeyFlutter
      @HeyFlutter  Рік тому +1

      Thanks for the idea @thushankalana4940 😀, i have added it in my list of future videos

  • @muhammadafzal237
    @muhammadafzal237 2 роки тому

    how to bind dropdown with controller as we do with TextFields?

  • @gameplaystrailers7797
    @gameplaystrailers7797 3 роки тому

    Johannes can you help me with something I’m making a chat app and when I press the screen keyboard goes down and when pressed on textfield it goes up which is not my issue. My issue is when I compare with WhatsApp the way the keyboard and textfield goes down is so smooth and fluid but in flutter app there is a delay it’s like keyboard goes down faster than the text field goes down and in between this delay there is a space formed which shows the background scaffold color and this to me looks very bad could you look into it and help me with it ?

  • @dharsmarkat3864
    @dharsmarkat3864 3 роки тому

    Going to buy a mac is 513gb storage enough for complex flutter app development

  • @david010a5
    @david010a5 3 роки тому

    incredible

  • @TheOne-ur5wr
    @TheOne-ur5wr 3 роки тому

    Johannes mike also make video on webrtc flutter. And also Fix crashing of app on using this function " getUserdisplay() " 👍

  • @int-64
    @int-64 3 роки тому

    How do I setup initial state

  • @shohzodlord
    @shohzodlord 3 роки тому

    Thank you

  • @dharsmarkat3864
    @dharsmarkat3864 3 роки тому

    Hi brother in apps when users use the app they dont know correctly what to do so make a video that how to add animations like scroll down,click here...and so on

  • @tammodirksen1408
    @tammodirksen1408 2 роки тому

    Hi Johannes, great video. My use case is that the items that can be selected in the dropdown menu should be loaded from Firestore. For the selected item, below the dropdown menu I want to render data from a subcollection. So in my case you can select a topic in the dropdown menu and when it is selected all the news for that topic should be loaded using a Stream/Streambuilder. How would you achieve that? Should I pull the topics in initstate or should I also pull them using a streambuilder?

    • @tammodirksen1408
      @tammodirksen1408 2 роки тому

      @@HeyFlutter Hi Johannes. Thank you for your quick response. I guess, my question is more Firebase-Related. In the Stackoverflow-Issue the person just implemented multiple Dropdown-menus. My question relates to a dropdown menu that contains data from a Firestore-Collection. When choosing one of the values in the dropdown menu Items should be rendered on my screen from that chosen values sub collection. Example: Newspaper-App: The dropdown menu contains values like: Politics, Economics, Environment...(These values are documents in a Firestore-Collection called Newspapertopics) and when choosing lets say "Economics", there are all the economical articles rendered from that documents sub collection. How should I load the Newspapertopics and how the articles for that topic? Should I use Streambuilders for the topics and articles or Futurebuilders? :)

    • @codegeass2333
      @codegeass2333 2 роки тому

      @@tammodirksen1408 well hello i think i have an Idea you have to make the data that comes from firestore in A list put it in a method with try and catch for possible errors after assign the list to the dropdown Item and then in onchanged you write your code your future call and data call
      make a future method to read data that you wish to display from firestore and load it on the screen The important is to call the method on (onChanged : methodbname();) I hope you get it

  • @ahsanmehmood6971
    @ahsanmehmood6971 3 роки тому

    Sir How to We Add Image in Drop Down Menu

  • @sankalpamokal9186
    @sankalpamokal9186 2 роки тому

    Once we select a dropdown item, the next time we open drop-down menu the selected item is in focus, how can we avoid that? I want first item to be in focus every time i click on dropdown menu

  • @obasikelechisamson4442
    @obasikelechisamson4442 2 роки тому

    Hello Thanks for the video, can you do a video on how to create a dynamic form with text fields and date pickers

  • @mdavidtio9285
    @mdavidtio9285 3 роки тому

    Hi Johannes, do you provide service for making apps?

  • @mohamedyashik1049
    @mohamedyashik1049 3 роки тому

    How to drop down value in clear in flutter?

  • @moazahmed5388
    @moazahmed5388 3 роки тому

    thanks for the video , but what if i want to display the dropdown menu just under the text , so the menu text is still visible while the menu is shown beneath it.

    • @moazahmed5388
      @moazahmed5388 3 роки тому

      @@HeyFlutter thanks for replying ,can you tell me how ?

    • @moazahmed5388
      @moazahmed5388 3 роки тому

      i know it's hard xD

    • @moazahmed5388
      @moazahmed5388 3 роки тому

      @@HeyFlutter thanks man , not replying my inquiry got me more persistent on finding how to do it. for anybody out there wants to make this right .... use the "Offset" property and assign the propper dx,dy to make the popupmenu or the dropdownlist be wherever you want .

  • @roushanarya5208
    @roushanarya5208 3 роки тому

    Sir
    How can i use dropdown within dropdown menu item
    Pls make a video with source code

  • @andreganda9869
    @andreganda9869 3 роки тому

    How do I search within the dropdown?

  • @shirisharyal1882
    @shirisharyal1882 2 роки тому

    How to position the dropdown menu item just below the dropdown button??

    • @HeyFlutter
      @HeyFlutter  2 роки тому

      Thank You Shirish Aryal! Follow this link: stackoverflow.com/questions/59859034/how-to-open-dropdown-dialog-below-dropdownbutton-like-spinner-in-flutter
      I hope you will get your answer 🙂

  • @shwetaarbune3850
    @shwetaarbune3850 3 роки тому

    What if I'm using stateless widget with getx how can i create it then

    • @shwetaarbune3850
      @shwetaarbune3850 3 роки тому

      Because we can't use set state in stateless widget

    • @surrya2088
      @surrya2088 Рік тому

      @@shwetaarbune3850 You can change the whole code to stateful widget by clicking on the line that says extends statelesswidget and press ctrl + . and you can then change the code to stateful

  • @Cutepets00
    @Cutepets00 Рік тому

    its not fully centered. how to fix that? because the dropdown button is not centered the whole menu is not centered, not looking good. please help

    • @HeyFlutter
      @HeyFlutter  Рік тому +1

      Thank You @Cutepets00! Follow this link: stackoverflow.com/questions/55644213/centering-the-selected-value-of-a-dropdownbutton
      I hope you will get your answer 🙂

    • @Cutepets00
      @Cutepets00 Рік тому

      @@HeyFlutter thank you for your reply, I hope 😅 its now 24 hours looking for a solution. So thank you. I will update if I was successfully done it.

  • @htfrealmusic9594
    @htfrealmusic9594 2 роки тому

    How can i import it and use it in a card

    • @htfrealmusic9594
      @htfrealmusic9594 2 роки тому

      @@HeyFlutter hi johannes , i hope your doing good , my question was how can i place it as i want in my project

  • @anthonyviniciusdossantosmu3062
    @anthonyviniciusdossantosmu3062 3 роки тому

    can I make only the icon clicable?

  • @ahmadmuizzuddin296
    @ahmadmuizzuddin296 3 роки тому

    How to show a hint on dropdown in flutter 2

  • @abodisadiq7156
    @abodisadiq7156 2 роки тому

    I want a flutter editor that I use to drag and drop elements, not by manually typing code

  • @eNONO-ot4zh
    @eNONO-ot4zh 3 роки тому

    Thank u

  • @JuanCarlosSuarezMedina
    @JuanCarlosSuarezMedina 2 роки тому

    add required child :
    DropdownMenuItem buildMenuItem(String item) =>
    DropdownMenuItem(value: item, child: Text(item),);

  • @Neil_09
    @Neil_09 5 місяців тому

    I used to follow your channel for Flutter tutorials, but now it seems chaotic and lacks organization. There are no playlists, and I can't find your videos. Did you sell the channel?

    • @HeyFlutter
      @HeyFlutter  5 місяців тому

      Thank you, @Neil_09! 🙂. We are sorry for that, but we always learn and try to improve ourselves, your kind suggestion will help in that regard. Let us know what should we improve in our channel? Your suggestion will be highly appreciated.

  • @bataabagi5969
    @bataabagi5969 3 роки тому +2

    Dont ever name arguments with same name(value), really confusing for newcomers.

  • @mdshahidali3132
    @mdshahidali3132 3 роки тому

    Sir Please Create Add contact in flutter video please

  • @Pranav62486
    @Pranav62486 3 роки тому

    Source code should be publicly available

  • @simpleengineering2766
    @simpleengineering2766 3 роки тому

    flutter sikhai

  • @faheemahmad3957
    @faheemahmad3957 3 роки тому

    fix ur accent please

  • @yalamoussalancineyeo1893
    @yalamoussalancineyeo1893 3 роки тому

    you have saved me countless hours of pain... thank you 🙏

  • @ThinhNguyen-ls9qz
    @ThinhNguyen-ls9qz Рік тому

    thank you

    • @HeyFlutter
      @HeyFlutter  Рік тому +1

      You are welcome, @ThinhNguyen-ls9qz!