I have this composable function, and how can I pre...

# compose

[chanjungskim]

I have this composable function, and how can I preview this??

@Composable
fun NutritionalBalanceRoute(
    viewModel: NutritionalBalanceViewModel = hiltViewModel()
) {
    Column(
        modifier = Modifier.fillMaxSize(),
        verticalArrangement = Arrangement.Center,
        horizontalAlignment = Alignment.CenterHorizontally
    ) {
        Text(
            text = "Nutrition",
            style = MaterialTheme.typography.headlineMedium
        )
    }
}

[Hugo Bernardi]

You can split it like this ?

@Composable
fun NutritionalBalanceRoute(
    viewModel: NutritionalBalanceViewModel = hiltViewModel()
) {
    NutritionalBalanceScreen(
        data = vm.data 
    )
}

@Composable
fun NutritionalBalanceScreen(
   // all needed parameters
) {
Column(
        modifier = Modifier.fillMaxSize(),
        verticalArrangement = Arrangement.Center,
        horizontalAlignment = Alignment.CenterHorizontally
    ) {
        Text(
            text = "Nutrition",
            style = MaterialTheme.typography.headlineMedium
        )
    }
}

@Preview
@Composable
private fun NutritionalBalanceScreenPreview() {
   NutritionalBalanceScreen()
}

[chanjungskim]

Well, Actually, This is for the bottom navigation bar.

[chanjungskim]

I mean it's one of the menus.

[chanjungskim]

I'd like to see the bottom navigation preview. Then, where and how should I set it?

[chanjungskim]

I guess one menu preview seems weird.

[chanjungskim]

Ah.. I sorry it's a screen like a fragment.