Navigation Drawer - UX With Material3

Поділитися
Вставка
  • Опубліковано 15 сер 2023
  • In this video you'll learn how you can implement a Navigation Drawer with Material3.
    ⭐ Learn all the professional technologies applied in the industry
    ⭐ 100% money back guarantee for 30 days
    ⭐ Become an industry-ready Android developer now:
    pl-coding.com/premium-courses...
    Get my FREE PDF about 20 things you should never do in Jetpack Compose:
    pl-coding.com/jetpack-compose...
    💻 Let me be your mentor and become an industry-ready Android developer in 10 weeks:
    pl-coding.com/drop-table-ment...
    Follow me on Instagram for insights into my live as an Android developer:
    / _philipplackner_
    Get the source code for this video on GitHub:
    github.com/philipplackner/M3-...

КОМЕНТАРІ • 34

  • @tonnie7079
    @tonnie7079 11 місяців тому +4

    That M3 NavigationDrawer looks sleek, thanks for making the code easy to understand!

  • @alirezafaraji
    @alirezafaraji 11 місяців тому +2

    Absolutely fantastic video! I've finally achieved my goal of completing this series, at least up to the most recently released video. I've left my thoughts on each video in the comments, and I can't thank you enough for curating this entire playlist. Your videos are consistently incredible, and it's always a delight to engage with them.
    Next on my agenda is to dive into your video about the navigation controller. I'm eagerly anticipating the learning experience, and you can definitely count on seeing me in the comment section there.
    P.S: Just a heads up, if my comments seemed a bit peculiar, I had a little collaboration with ChatGPT-I had it simplify my thoughts before posting them here. Haha!
    Nevertheless, sincere thanks for everything. Looking forward to more insightful content. See you there!

  • @creepersonspeed5490
    @creepersonspeed5490 8 днів тому

    love this

  • @Dibyendu.M
    @Dibyendu.M 11 місяців тому

    The pdf you shared about compose mistakes is very helpful. Thanks for that.

    • @BacBac-st8bq
      @BacBac-st8bq 7 місяців тому

      Can you give the url

    • @Dibyendu.M
      @Dibyendu.M 7 місяців тому

      @@BacBac-st8bq You'll find that in his website.

  • @victorlapin2080
    @victorlapin2080 11 місяців тому

    There is one catch if you're using different types of drawer for different window size classes - rememberSaveable will be separate for modal drawer and for permanent drawer. Is there a way to combine it?

  • @MarkOverton-fn4gm
    @MarkOverton-fn4gm 4 місяці тому +1

    @PhilippLackner Would it provide any advantages or would it be overkill to use a UiEvent for navigation (like you do in other videos) in the Navigation Drawer?

  • @MichaelMossmanNZ
    @MichaelMossmanNZ 18 днів тому

    Thank you @PhilippLackner for another informative video, however, in the past you have asked us to leave a comment if we think you could improve the content somehow, and I have some constructive criticism here: I think you let the team down in THIS video by using a phone emulator to display the large screen app. It would have been easy for you to set up another emulator! Also, I have watched MANY of your videos, a few of them over 3 hours long, and I feel that they are getting shorter & shorter, with LESS content. I know you have covered much already in other videos, but wouldn't it be nice for us learners to see the completed picture in ONE video? Hope this helps =)

  • @daffamuhtar
    @daffamuhtar 11 місяців тому

    Can we implement this code in compose multiplatform? Thanks

  • @bmiaji
    @bmiaji 3 місяці тому

    Very informative and clear cut tutorial. However, how to handle the click on different items? If I want to go to the Settings for example? Thanks in advance!

  • @akshaysharma4485
    @akshaysharma4485 11 місяців тому

    sir please make a video for how to choose empty compose activity(material3) while selecting new project, it will be very helpful

  • @ananthababu8272
    @ananthababu8272 10 місяців тому

    Pls make one video for Side Effects in compose.

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

    I must use Modal Drawer only for things navigation stuff and all things related to it? Or Modal Drawer is not only intended for sliding navigation window by clicking on the burger button?

  • @skarloti
    @skarloti 11 місяців тому

    I saw something new in this video. 🎉
    However, I would like to know in case we have a longer list in the drawerContent, Is there ModalDrawerSheet has an implementation of LazyColumn or it will have to be done manually?
    Thanks for showing the most current of Material3 👍

    • @victorlapin2080
      @victorlapin2080 11 місяців тому +2

      it's not scrollable by default, you will have to add LazyColumn

  • @Googlebard-Saini
    @Googlebard-Saini 11 місяців тому

    how can I play video in Exo player recyclerview only if view is visible

  • @JustCuter
    @JustCuter 8 місяців тому +1

    How to navigate to various fragments?

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

    Your video still showed an error on the Material3ScaffoldPaddingParameter as unused. It happened it my code following along but you never addressed it. Kotlin code suggestion was to suppress it, so I did. But is there a reason you never addressed the red squiggly lines?

  • @mostafamousavi4140
    @mostafamousavi4140 10 місяців тому

    I have a problem, my navigationDrawer fits full screen what should I do to fit as normal?

    • @AmirHamza-oh1tp
      @AmirHamza-oh1tp 2 місяці тому

      ModalDrawerSheet(modifier = Modifier.fillMaxWidth(.8f))

  • @royalanimations007
    @royalanimations007 11 місяців тому

    Need a video about mongodb realm with Google signin authentication

    • @Daaaaaaavid
      @Daaaaaaavid 11 місяців тому

      if you wanna become a serious Android Dev start by not using realm.

    • @raulastete3035
      @raulastete3035 11 місяців тому

      @@Daaaaaaavid If you wanna be a real software developer don’t judge technologies instead learn to use them for different use cases.

  • @DaveBatistaa
    @DaveBatistaa 11 місяців тому +3

    do you ever tried flutter ?

  • @ShivaPrasad-hm5lk
    @ShivaPrasad-hm5lk 11 місяців тому +1

    Do a video on background location tracking i have asked u in insta also this for my major project pls reply🙂

    • @PhilippLackner
      @PhilippLackner  11 місяців тому +4

      You just need to use the search function on my channel and you'll find

  • @user-fc8ys6cf2s
    @user-fc8ys6cf2s 9 місяців тому +1

    the problem with tutorial is they don't show where they have learned from. here you looked out some docs and showed the code, instead you could have also shared the docs where you have learned from

    • @Pavel-wj7gy
      @Pavel-wj7gy Місяць тому

      It also doesn't cover other use cases, like if you want to show zero Drawer in Closed state and full width in Open state. If you try that, the Drawer breaks. Adapting such Drawer creates a whole new array of issues.

  • @Pavel-wj7gy
    @Pavel-wj7gy Місяць тому

    That drawer is a nightmare to work with. God help you if you want it to fill max width in Closed state and 0.dp in Open.

  • @OCEH6
    @OCEH6 11 місяців тому

    Hi. I'm not influence in English. I search for dev friend, who learn android development and who influence in English. I want voice talking and friendship stuff (listen music, conversation about everything)

  • @maryannadelman4438
    @maryannadelman4438 8 місяців тому +2

    on 10:45 of the video you didn't go over the navigation links (navController.navigate(item.route) so I followed your video on navigation. However, coming back to this drawer project, the "navController" is still showing red in this onClick. Would you happen to have a video about creating links from Navigation Drawer that shows the actual implementation of this?

    • @bmiaji
      @bmiaji 3 місяці тому

      Have you got any solution? I also wonder how to handle it. Thanks in advance

    • @maryannadelman4438
      @maryannadelman4438 3 місяці тому

      Actually, I decided not do to navigation drawer and moved on to something else. But I’m never got an answer anyway