HowNavigationWorksInCompose.kt

enum class Screens {
    Red, Green, Blue
}

fun main(args: Array<String>) {
    Window {

        var currentScreen by remember { mutableStateOf(Screens.Red) }

        Row {
            /*Side Menu*/
            Column {
                Screens.values().forEach {
                    Text(
                        text = it.name,
                        modifier = Modifier.clickable {
                            currentScreen = it
                        }
                    )
                }
            }

            when (currentScreen) {
                Screens.Red -> RedScreen()
                Screens.Green -> GreenScreen()
                Screens.Blue -> BlueScreen()
            }
        }
    }
}

@Composable
fun RedScreen() {
    Box(
        modifier = Modifier.size(300.dp).background(Color.Red)
    )
}

@Composable
fun BlueScreen() {
    Box(
        modifier = Modifier.size(300.dp).background(Color.Blue)
    )
}


@Composable
fun GreenScreen() {
    Box(
        modifier = Modifier.size(300.dp).background(Color.Green)
    )
}