A modern programming language that makes developers happier.

kotlinlang

Screenshot_2021-01-03-08-58-02-832_com.karthick.example.composenavigation.jpg

Your appbar probably renders below your system bar. You probably need to add top window inset height/padding top

<@U01FNSH4WVD> you can see the link below

<https://chrisbanes.github.io/accompanist/insets/>

<@U011E3QASP8> I added like this but not working

```val insets = AmbientWindowInsets.current

Scaffold(
    modifier = Modifier.padding(top = insets.statusBars.top.dp),```


<@UE7UT1ZB5> I think it is not insets issue. How are you rendering app bar? share your codd

Are you using `TopAppBar` 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.

```class 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)
            }
        },
    ) {}
}```


Try this:
```TopAppBar(title = { Text("App Bar") }) ```
Your code is probably using different TopAppBar composable (with `content`  instead of `title`)