Karthick
01/03/2021, 3:30 AMflosch
01/03/2021, 3:38 AMKarthick
01/03/2021, 4:47 AMrsktash
01/03/2021, 4:49 AMKarthick
01/03/2021, 5:29 AMval insets = AmbientWindowInsets.current
Scaffold(
modifier = Modifier.padding(top = insets.statusBars.top.dp),
rsktash
01/03/2021, 6:03 AMzoha131
01/03/2021, 6:33 AMTopAppBar
or AppBar
. By default AppBar
does not center the content vertically. You can do that using align
modifier or wrapping the content inside a Row
and using CenterVertically
alignment.Karthick
01/03/2021, 8:01 AMclass MainActivity : AppCompatActivity() {
override fun onCreate(savedInstanceState: Bundle?) {
super.onCreate(savedInstanceState)
setContent {
ComposeNavigationTheme {
ProvideWindowInsets {
val navController = rememberNavController()
// A surface container using the 'background' color from the theme
Surface(color = MaterialTheme.colors.background) {
NavHost(navController = navController, startDestination = "first") {
composable("first") { FirstScreen(navController = navController) }
composable("second") { SecondScreen(navController = navController) }
}
}
}
}
}
}
}
@Composable
fun FirstScreen(navController: NavController) {
val insets = AmbientWindowInsets.current
Scaffold(
modifier = Modifier.padding(top = insets.statusBars.top.dp),
topBar = {
TopAppBar {
Text("App Bar")
}
},
floatingActionButton = {
FloatingActionButton(onClick = { }) {
Icon(Icons.Default.Check)
}
},
) {}
}
Jan Bína
01/03/2021, 11:22 AMTopAppBar(title = { Text("App Bar") })
Your code is probably using different TopAppBar composable (with content
instead of title
)Karthick
01/03/2021, 12:07 PM