Jetpack Compose Navigation example

MainActivity.kt

package com.example.app

import android.os.Bundle
import androidx.activity.ComponentActivity
import androidx.activity.compose.setContent
import androidx.activity.enableEdgeToEdge
import androidx.compose.foundation.layout.padding
import androidx.compose.material3.Button
import androidx.compose.material3.Scaffold
import androidx.compose.material3.Text
import androidx.compose.ui.Modifier
import androidx.navigation.compose.NavHost
import androidx.navigation.compose.composable
import androidx.navigation.compose.rememberNavController

class MainActivity : ComponentActivity() {

    private companion object Routes {
        const val ROUTE_HOME = "home"
        const val ROUTE_PROFILE = "profile"
    }

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        enableEdgeToEdge()

        setContent {
            val navController = rememberNavController()
            
            Scaffold { innerPadding ->
                NavHost(
                    navController = navController,
                    startDestination = ROUTE_HOME,
                    modifier = Modifier.padding(innerPadding)
                ) {
                    composable(ROUTE_HOME, content = {
                        Button(
                            onClick = {
                                navController.navigate(ROUTE_PROFILE)
                            }
                        ) {
                            Text("Go Profile")
                        }
                    })
                    composable(ROUTE_PROFILE, content = {
                        Button(
                            onClick = {
                                navController.popBackStack()
                            }
                        ) {
                            Text("Go Back")
                        }
                    })
                }
            }
        }
    }
}