Flutter Tutorial - PopupMenuButton - Settings Menu

Поділитися
Вставка
  • Опубліковано 5 вер 2024
  • Let's use the PopupMenuButton to display a settings menu or popup in Flutter!
    Click here to Subscribe to Johannes Milke: www.youtube.co...
    - Source Code: github.com/Joh...
    - Buy My Courses: johannesmilke....
    - Follow Twitter: in...
    Resources:
    BuildContext Tutorial: • Flutter Tutorial - Bui...
    Sidebar & NavigationRail Tutorial: • Flutter Tutorial - Nav...
    Bottom Sheet Tutorial: • Flutter Tutorial - Bot...
    Navigation Tutorial: • Flutter Tutorial - 1/2...
    SnackBar Tutorial: • Flutter Tutorial - Sna...
    Dropdown Button Tutorial: • Flutter Tutorial - Dro...
    CheckBox Tutorial: • Flutter Tutorial - Che...
    Dismissable Tutorial: • Flutter Tutorial - Dis...
    Slidable Tutorial: • Flutter Tutorial - Sli...
    -- JOIN THE CREW --
    bit.ly/Johannes...
    SHARE | SUBSCRIBE | LIKE FOR MORE VIDEOS LIKE THIS
    *********
    SOCIAL MEDIA: Follow Me :-)
    - Twitter: in...
    - Linkedin: / johannesmilke
    - Github: github.com/Joh...
    PLAYLISTS
    - All Flutter Videos: • Flutter Tutorial - Flu...
    - Widgets - Flutter: • Flutter Tutorial - Flu...
    - Plugins - Flutter: • Flutter Tutorial - Flu...
    - Animations - Flutter: • Flutter Tutorial - Tra...
    - Designs - Flutter: • Flutter Tutorial - Flu...
    - Firebase - Flutter: • Flutter Tutorial - Pag...
    If you find this video useful, LIKE & SHARE this video to help other people who also learn Flutter :)
    bit.ly/Johannes...
    CREDITS
    Copyright song "Corporate Technology" by scottholmesmusic.com
    #Flutter #Tutorial #JohannesMilke
    LIKE & SHARE & ACTIVATE THE BELL
    Thanks For Watching :-)

КОМЕНТАРІ • 16

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

    always keep a copy of your videos for litening later...thank you so much

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

    Thanks Johannes, Have a Great New Years Eve

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

    Loved the video! Thanku

  • @user-gp1uj9ml5t
    @user-gp1uj9ml5t 3 роки тому

    you are the best!!!

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

    Thanks ☺️

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

    Great as always keep going forward brother

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

    This might help you :)
    Source Code: github.com/JohannesMilke/popupmenu_button_example
    BuildContext Tutorial: ua-cam.com/video/ALmd6jLqUK8/v-deo.html
    Sidebar & NavigationRail Tutorial: ua-cam.com/video/t8vPjrCTHyg/v-deo.html
    Bottom Sheet Tutorial: ua-cam.com/video/84OuUPoO8ng/v-deo.html
    Navigation Tutorial: ua-cam.com/video/Xnp6ptZVs1g/v-deo.html
    SnackBar Tutorial: ua-cam.com/video/UkudAgCEhBI/v-deo.html
    Dropdown Button Tutorial: ua-cam.com/video/p1mzz6-19zo/v-deo.html
    CheckBox Tutorial: ua-cam.com/video/BBO_Y8fTM7E/v-deo.html
    Dismissable Tutorial: ua-cam.com/video/cswTKnXtSqk/v-deo.html
    Slidable Tutorial: ua-cam.com/video/TmSKRUVKNsQ/v-deo.html

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

    Good tutorial. ))
    Q) How to remove the extra padding on PopupMenuItem?
    Q) And how to limit the height of PopupMenuButton and make them scrollable, when there are more items, say 40?

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

      @@HeyFlutter : Thanks for the reply.
      Yeah, It will scroll automatically by taking the full height.
      What if I need to scroll items within a fixed height popupmenubutton?

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

      @Tech With Dinesh I guess you need to build your own PopupMenu then to achieve this. Have a look here:
      1) Popup Menu With Stack: stackoverflow.com/questions/53811115/how-to-create-a-custom-popup-menu-with-flutter
      2) Popup Menu With Overlay Entry: medium.com/@gshubham030/custom-dropdown-menu-in-flutter-7d8d1e026c6b

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

    Super video & clean coding! Any tip on how I could use this pop up concept to make a horizontal list of emotions.. Something like a Facebook reactions?

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

      @@HeyFlutter you're just great!.. By the way I found a package for the Facebook reactions.. But I still think a video would be a great plus point because that emotions pop-up.. Has puzzled so many web dev CSS guys too! ;-)

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

    Is this for the web version?

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

      This is used mainly for smartphone apps however why not you could also integrate it with Flutter Web! 👍

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

    👌👌