Android Compose: Add top bar title to activity screen

Tutorial shows how to add “top bar” title app name to an Android Compose activity. Create function topBar() copy snippet below, change string “My Important Dates”.

@Composable
fun topBar() {
    TopAppBar(title = {
        Text(
            text = "My Important Dates",
            style = MaterialTheme.typography.h6,
            textAlign = TextAlign.Center
        )
    })
}

Call the topBar function inside your main function.

@Composable
fun HomeScreen(onNavigate: (Todo?) -> Unit) {
    val viewModel = viewModel(HomeViewModel::class.java)
    val state by viewModel.state.collectAsState()

    Scaffold(
        topBar = { topBar() })
}

Thanks for reading! Let me know if you have any questions or feedback.

Andres

Reference:

BottomBar and TopBar with Jetpack compose