Element position - Jetpack Compose

In Jetpack Compose, you should place your TopAppBar and BottomAppBar in the same position on each screen. You can use Scaffold to place such Composables consistently.

Scaffold(
    topBar = { TopAppBar( /* top app bar config */ ) },
    bottomBar = { BottomAppBar { /* bottom app bar content */ } }
) { paddingValues ->  
    // Scaffold content...
}