Voyager: Navigation Solution for Compose Multiplatform - iOS and Android | Complete Guide

Поділитися
Вставка
  • Опубліковано 28 вер 2024

КОМЕНТАРІ • 52

  • @AM-tv2fs
    @AM-tv2fs Місяць тому

    thank you for this simple to understand videos. helps greatly! keep up with the great work.

  • @legato0
    @legato0 7 місяців тому

    Thanks for showing how the new navigation library works. For me it is very helpful! 👍

    • @StevdzaSan
      @StevdzaSan  7 місяців тому

      I'm glad to hear that! 🙏

  • @HambaAllah-cd9im
    @HambaAllah-cd9im 7 місяців тому +4

    I hope you create a complex course on multiplatform compose and voyager/decompose sir 🔥

  • @goooozy
    @goooozy 7 місяців тому +1

    I have used to using voyager navigation for 1.5 years

  • @eugenewainaina5626
    @eugenewainaina5626 6 місяців тому +1

    Nice
    A video on the ScreenModel would be great 👍

  • @siarheisudakou4455
    @siarheisudakou4455 7 місяців тому +1

    Excellent helpful video! Thanks a lot!

  • @shaharkeisar
    @shaharkeisar 7 місяців тому

    That's great!
    thanks for that content.
    would like to hear you opinion about Circuit, from navigation and MVI perspective:)

  • @mi_coder8637
    @mi_coder8637 2 місяці тому

    How can we get the current destination

  • @troopell
    @troopell 6 місяців тому +1

    If you're using bottom navigation with a home and settings tab, how do you navigate back to the home screen if you're on the setting screen while hiding the bottom navigation bar on the settings screen?

    • @ayushrai3266
      @ayushrai3266 2 місяці тому

      I had an issue , how can i hide bottom bar ? if i am on Profile screen and when navigates to Edit Profile screen how could i hide scaffold's bottom bar and top bar ? any solution please

  • @harryg6843
    @harryg6843 6 місяців тому

    By the way, I have this kinda problem:
    I have 5 tabs: TabA, TabB. TabC, TabD, TabE and in each of them there is a possibility to navigate, i.e. I have inserted Navigator inside and can open screens there. The user clicked the button on TabA and went to Screen1. I need to be able to move Screen1 from any Tab by clicking a button to TabB, not the current stack of Tabs. Pardon me if this is a strange question, but I need help with this! I tried navigating through the tabs and after opening the screen but it didn't work.
    Thanks for reading.

  • @ramtin4842
    @ramtin4842 6 місяців тому

    Can you provide instructions on how to preview Voyager tabs that are using view models and need custom data?

  • @NoPainInLife
    @NoPainInLife 6 місяців тому

    does it work for web also ? Bcs when i used it to that the was some errors in the web page

  • @nishu33389
    @nishu33389 2 місяці тому

    Thanks for this video, can we use Koin DI library along with Voyager?

    • @StevdzaSan
      @StevdzaSan  2 місяці тому +1

      @nishu33389 Oh yeah, certainly! There's an extra artifact for that as well. Check the voyager official docs.

  • @codewithluca
    @codewithluca 7 місяців тому

    Hello, in the examples you do not have a viewmodel. What should be the proper way to pass the arguments to the viewmodel when the viewmodel is initialized and you are using voyager?
    Thx for the tutorial!

    • @StevdzaSan
      @StevdzaSan  7 місяців тому +1

      Good question. There are quite a few different solutions for KMP ViewModel, one of them is this one: voyager.adriel.cafe/screenmodel

  • @kamelkiko7742
    @kamelkiko7742 7 місяців тому +1

    Perfect video ❤🎉
    But how can i hide my bottom navigation in my nested navigation

    • @StevdzaSan
      @StevdzaSan  7 місяців тому +1

      Create the state on the top of the hierarchy and observe and update it accordingly.

    • @kaustuvmahanti5209
      @kaustuvmahanti5209 7 місяців тому

      @StevdzaSan can you give an example?

  • @AbdallahMehiz
    @AbdallahMehiz 7 місяців тому

    it is a pretty good library

  • @troopell
    @troopell 6 місяців тому

    If you're using a bottom navigation bar with two tabs, home and settings, how do you navigate back to the home screen if you're on the settings screen, but the bottom nav bar is hidden while on the setting screen? I know that in the docs it says that tabs are siblings so TabNavigator doesn't support back handling, but I kinda need a workaround. Would this be a case for nested navigation?

    • @aditya3n
      @aditya3n 5 місяців тому +1

      I'm facing same issue, has anyone managed to do this?

  • @frankyjunior6005
    @frankyjunior6005 7 місяців тому

    Compare to decompose, what do you think about it?

    • @StevdzaSan
      @StevdzaSan  7 місяців тому

      It's pretty decent to me. 👌

  • @frankyjunior6005
    @frankyjunior6005 7 місяців тому

    How to pop to screen A with data passing from B to A in voyager?

    • @StevdzaSan
      @StevdzaSan  7 місяців тому

      Watch the video.

    • @frankyjunior6005
      @frankyjunior6005 7 місяців тому

      In your video just pop from B to A without passing data to A again. What i asked is pop back with result.

    • @codeMasterSerbia
      @codeMasterSerbia 7 місяців тому

      I would also like to see example to pop with result

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

    I would say easier than decompose.

  • @如意周
    @如意周 7 місяців тому +2

    Hello, the author wants you to publish a cross-platform tutorial of Jetpack Compose PC.

  • @MichaKrasowski
    @MichaKrasowski 2 місяці тому

    Voyager is a tempting library, with very nice 3rd party integration, however, lack of deep-linking support, is a no-go for some developers.

  • @dleonardo3238
    @dleonardo3238 6 місяців тому +1

    Doesn't passing data from screen to screen when navigating break the single source of truth principle? Isn't using shared viewmodel better to share data from screen to screen?

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

    I have got an scenario here! For example, In Screen A I called an API and fetched list, and when clicked on item of the list, i pushed to Screen B. when i come back from B to A, the API is called once again in Screen A, which i don't want. What i want here is that, it should save the previous instance of Screen A, just like in Activities. Anyone could hep me here?

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

      Initialize a ViewModel inside the Screen A, and trigger that api function from there.

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

    Awesome video, thanks! I'm also wondering is it possible to send parameters from the App to a Screen and if so, how? Best regards!

  • @efeegbevwie9467
    @efeegbevwie9467 7 місяців тому

    Voyager also works for compose desktop.

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

    Great video. Very helpful.

  • @2space23
    @2space23 2 місяці тому

    Amazing video.

  • @Shreyas-fs3dp
    @Shreyas-fs3dp 7 місяців тому

    Please also cover dependency injection in compose multiplatform.

    • @StevdzaSan
      @StevdzaSan  7 місяців тому +2

      Thanks for the suggestion!

  • @_hudeifa23
    @_hudeifa23 6 місяців тому

    what if i want somescreens not to have bottombar

    • @StevdzaSan
      @StevdzaSan  6 місяців тому +1

      Then you detect the current screen and hide the bottom bar. :)

    • @_hudeifa23
      @_hudeifa23 6 місяців тому +1

      @@StevdzaSan how to do it i searched and did not get much info about voyager

    • @ayushrai3266
      @ayushrai3266 2 місяці тому

      @@_hudeifa23 same issue , suppose i am on profile tab , and want to navigates to edit Profile screen , how can i hide Bottom bar and top bar ? did you find solution ? please response

    • @GongCheng-h4l
      @GongCheng-h4l Місяць тому

      ​@@ayushrai3266Using
      Navigator(MainSceen())
      which in MainScreen() 's content, you can add TabNavigator with bottom tabs, and then in Tab content, using LocalNavigator.current.parent (the parent navigator which we add in the first line), then you can open a new screen like open a new activity

  • @harryg6843
    @harryg6843 7 місяців тому

    Try to leave app and go back - you'll get IOException writing serializable object (name = quran.navigation.quran.MainScreen) exception. How could that be fixed?

    • @StevdzaSan
      @StevdzaSan  7 місяців тому

      Could you write the exact reproduction steps? Have you used a basic Home/Details navigation or Nested navigation with BottomBar/Tabs?

    • @harryg6843
      @harryg6843 7 місяців тому +1

      @@StevdzaSan thanks for answering. I fixed it. Problem was because I was sending inside of a contractor non-serializable parameter. Thank you for the good stuff (I meant videos)!