List + Detail Screens Just Got SO MUCH Easier - NavigableListDetailPaneScaffold

Поділитися
Вставка
  • Опубліковано 28 вер 2024
  • In this video I'll show you how the List + Detail Screens Just Got SO MUCH Easier!
    💻 Let me be your mentor and become an industry-ready Android developer in 10 weeks:
    pl-coding.com/...
    ⭐ Courses with real-life practices
    ⭐ Save countless hours of time
    ⭐ 100% money back guarantee for 30 days
    ⭐ Become a professional Android developer now:
    pl-coding.com/...
    Get my FREE PDF about 20 things you should never do in Jetpack Compose:
    pl-coding.com/...
    Regular programming advice on my Instagram page: / _philipplackner_
    Join my Discord server:
    / discord
    Get the source code for this video on GitHub:
    github.com/phi...

КОМЕНТАРІ • 53

  • @royerdavid
    @royerdavid 4 місяці тому +15

    I tried it and it's indeed very nice. One major problem is it's not multiplatform.

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

      As most stuff it will probably soon be

  • @futsuchinpo9892
    @futsuchinpo9892 4 місяці тому +1

    bro i cannot say more about your videos. it help me a lot with my struggle. sure its not help me directly but it help me to give insight of my problem.thanks

  • @chadlung4353
    @chadlung4353 3 місяці тому +2

    Currently, if you try to use the newer material3-adaptive = "1.0.0-beta02" the AnimatePane will crash the app. Looks like beta 2 broke something. If you use material3-adaptive = "1.0.0-beta01" the AnimatePane works as expected. Tested on a Google Pixel Tablet and a Lenovo Tab M9.

  • @connectedr
    @connectedr 4 місяці тому +2

    just when i needed this, you’re a legend

  • @safionweb
    @safionweb 4 місяці тому +7

    How do you stay up to date with the new Android APIs etc?
    Is there some sort of newsletter or something that I can subscribe?

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

      It's a full time job :D
      Reading lots of blogs, docs etc. That's why I condense it into an android news video once a month so you don't need that

    • @CuteseGamer
      @CuteseGamer 4 місяці тому

      @@PhilippLackner A news letter would be amazing.

  • @mark-147
    @mark-147 4 місяці тому +6

    15:45 "It's always a Pane to make this work" Nice one 🤣

  • @annaberkovitch85
    @annaberkovitch85 4 місяці тому +1

    Before I forget, speaking of your program, I've applied about.... maybe a week ago? Never heard back from you. Would really love to participate.

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

      I've just looked through the applications of the past 2 weeks and there was one Anna who should've gotten an answer 🤔

    • @annaberkovitch85
      @annaberkovitch85 4 місяці тому +1

      @PhilippLackner I had to turn my Gmail inside out to find it. God only knows where it stashed your reply, but, eventually, i found it. It's a good think I asked, because if you hadn't told me you replied, I would've thought there was no more room. Emailed you back. Thanks! ❤️
      Damn, this is exciting! 😁

  • @RajAgrawal1
    @RajAgrawal1 4 місяці тому +15

    I hope "NavigableListDetailPaneScaffold" is a joke and not a real class name.

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

      NavigableListDetailPainScaffold

    • @r.ckyslash
      @r.ckyslash 3 місяці тому +1

      That's one reason why I prefer View compared to Jetpack Compose

    • @mahmoudrizk15
      @mahmoudrizk15 3 місяці тому +3

      Don't Worry it is not a class it is a function 😂😂

  • @Settn77
    @Settn77 4 місяці тому +3

    hey philipp 👋 can u cover more about HorizontalPager thanks,,,

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

    can we combine this tool with the regular compose navigation?

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

    thanks for the video!
    how can I pass more than one param (content) between panes?

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

    What Camera do you use Chief.

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

    Bro you are so underrated

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

    wow this is so eazy
    thank you

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

    hi Philipp i dont see any any libs.version.toml in project? am i using any older version

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

    I ran into the problem of using different ViewModels for different Panes. It looks like the Detail Pane or Extra Pane class is created immediately when the component is created and navigation does not change the screen state

    • @PhilippLackner
      @PhilippLackner  3 місяці тому +1

      Good point, yes they don't seem to have separate back stack entries. You could still use two ViewModels for one screen though, but might require some extra care on phones as going back won't clear the ViewModel's state

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

      Yeah, this can be replaced with regular navigation, which is convenient now, but then the meaning of this composable is lost

  • @ezioken9148
    @ezioken9148 4 місяці тому

    can u make new google auth firebase please

  • @muhammadziyad3648
    @muhammadziyad3648 4 місяці тому

    Hey man can you make a video about room database for an ecommerce store with view binding please ??

  • @zishanhossain4801
    @zishanhossain4801 4 місяці тому

    I'm an flutter app developer i am also learning kotlin. I also want to become a full stack developer, so can you please suggest me what should i learn for backend?? Is it spring boot or nodejs or golang or anything else. I want to learn one demandable backend technology. I would be very happy if you reply.

  • @petibah27
    @petibah27 4 місяці тому

    😊

  • @haissayf
    @haissayf 4 місяці тому

    👍👍👍

  • @aryogmr97
    @aryogmr97 4 місяці тому

    gg

  • @ASahutheMakeshifter
    @ASahutheMakeshifter 4 місяці тому

    ua-cam.com/video/Nuwunbl8qV4/v-deo.html

  • @MrPDTaylor
    @MrPDTaylor 4 місяці тому

    Seventh

  • @jersn5560
    @jersn5560 Місяць тому

    I tried to copy paste the same exact example and it all it shows is just one pane. Tried in Samsung Fold 6 with the following deps:
    androidx.compose.material3.adaptive:adaptive:1.0.0-beta04
    androidx.compose.material3.adaptive:adaptive-layout:1.0.0-beta04
    androidx.compose.material3.adaptive:adaptive-nagivation:1.0.0-beta04

  • @annaberkovitch85
    @annaberkovitch85 4 місяці тому +4

    Impeccable timing, Philipp! Fits the next part I'm about to start in my project like a glove! You're the best ❤ thank you for bringing us all those terrific updates!

  • @ArthurKhazbs
    @ArthurKhazbs 4 місяці тому +3

    I'm glad to have something to replace my makeshift three pane layout made of dirt and sticks! Thank you for showing this to us!

  • @frankyjunior6005
    @frankyjunior6005 4 місяці тому +1

    nice video, but i cant make it implement share element with this list detail pane scaffold, and if you put AnimatedPane in list pane, when scrolling then go to detail, the scroll will back to top again every time, hopefully google make this fix in next version.

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

    09:10 Be careful, you can not pass any type there. The app will crash on configuration change (orientation, locale, theme, ...) when you pass a complex object. But you can easily handle this by passing your object as a JSON string and parsing it in the detail screen.

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

    Can we use it with NavHost somehow?

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

    how to combine it with NavHost?

  • @youdube1203
    @youdube1203 4 місяці тому

    no imperative navigation yet?

  • @imHasanRana
    @imHasanRana 4 місяці тому

    Navigation Pain 😔

  • @michaelmarkley8267
    @michaelmarkley8267 4 місяці тому

    Thank you again for a very useful session. I have tried extending this, but cannot get a ConstraintLayout to work as the detailPane, it does not layout correctly. Any ideas?

  • @jackeblan
    @jackeblan 4 місяці тому +1

    Problem is you are forced to join two features in one module. I'll stick to adaptive grid.

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

      Why are you forced to do that? I can't think of a scenario where list + detail screens are part of different features

    • @jackeblan
      @jackeblan 4 місяці тому +1

      In my scenario, each list item click navigates to another screen (feature)

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

      But screen != feature

    • @Beberrre
      @Beberrre 4 місяці тому

      Yeah giving a route would have been nice. What about deep links?

    • @Beberrre
      @Beberrre 4 місяці тому

      Also not working if orientation is locked to portrait... Will stick with adaptive layout but it's a promising base!

  • @YasirAlam02
    @YasirAlam02 4 місяці тому

    U r amazing🎉

  • @Berk45632
    @Berk45632 4 місяці тому

    Awesome stuff