Android Compose: Add top bar title to activity screen

Andres Sandoval
Dec 25, 2021

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”.

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

Call the topBar function inside your main function.

fun HomeScreen(onNavigate: (Todo?) -> Unit) {
val viewModel = viewModel(
val state by viewModel.state.collectAsState()

topBar = { topBar() })

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