Hi guys, I am started looking use of navigation library in compose. I am little bit confused about using navigation component with UI events. What is the use case UI events and navigation component’s? When should we choose which options? Any guidance will be great. Thanks

Can you add a little more context to your question, maybe with some code examples for comparison?

I don't have code now, I am a refactoring my normal compose code to navigation compose. I have UiState something like Loading, Error, fetching etc in viewmodel and business logic is handled there. I am writing code as an example in here

val uistate = loading, error, fetching

Some conditions in the viewmodel to emit the state

fun sendLoadingState{
   If ()
      Uistate = Loading
   else()
}

In compose function I am calling

sendLoadingState

In Launcheffect.

When(viewmodel.uistate){
  Loading -> LoadingScreen()
  .. // more code in here
}

I see in the documentation of navigation to use

navigateUp.

No it is not recommended

So what is the best approach here ?

It is recommended to pass the NavigationController to your screens controller. OR to pass a lambda to call down into the screen.

Perfect it makes sense to me.

Personally I would never follow the advice in the Stack overflow comment you posted.

It's true stack overflow is not right everytime

I understand the urge to move fast at times. But the time invested in reading as much of the official documentation is time well invested 😉

Another point you just mentioned above

@Composable

handles the navigation. I found an article in droidcon. I don't want to refector my business logic code in viewmodel. Can I emit an event there and launch it in something like this example?

I see the logic here. It’s acting much like an EventBus that triggers navigation. Generally I bubble up events to the ViewController, Usually the MainActivity, or a Fragment. Otherwise I might wrap my my screen

@Composable

in a controller

@Composable

. Like this:

@Composable
fun MyScreen(
onThingClick: () -> Unit,
...
) { 
  MyThing(onClick = onThingClick)
 }

@Composable
fun MyScreenController(
navController: NavController,
  viewModel: MyViewModel = hiltViewModel(),
) {
 
  MyScreen(
    onThingClick = {  
navController.navigate("thing_route" 
    }
  )
}

Perfect I can use it now, thanks for the great guidance 🙏 .