Is the title not centred is normal.

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

Thanks

Can you share your code?

@rsktash you can see the link below https://chrisbanes.github.io/accompanist/insets/

@Karthick 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

)

Wow super, thanks