I have an onboarding flow that asks for user's inp...

# compose-android

[Erik Hu]

I have an onboarding flow that asks for user's input which shares the same top bar showing the current progress.

My initial attempt was using a horizontal pager. The structure is a Scaffold with top bar showing the progress bar, a bottom bar that varies based on the current step, and the main content is the horizontal pager.

However, with this approach, the onboarding flow composable is becoming a bit bloated.

With Nav3, I am wondering if SceneStrategy could a good fit for this scenario. The scene would be responsible for handling the shared top progress bar and each step in the onboarding flow is a NavEntry. Also, how should I scope the ViewModel so that it's only shared among these NavEntry.

[Stylianos Gakis]

Funnily enough I was building exactly this last week.
I didn't involve nav scenes at all here. Just have a normal shared composable for the top app bar for those screens, and slap a .sharedBounds() modifier on it, that's it for the simplest case

[Alexey]

@Erik Hu have you eventually managed to solve this with nav3?
I think that this scheme can appear pretty flexible in terms of dynamic onboarding flow.
I have similar onboarding flow implemented basing on horizontal pager, and of course, this forces me to create custom pages handling, kind of local backstack to be able to push/pop pages dynamically

[Alexey]

Worth to mention here also that the same pages are being reused further in the parts of the app, so having them as usual navEntry makes a lot of sense

[Erik Hu]

@Alexey Yea, I have switched from horizontal pager to using .sharedBounds() and it's working perfectly.