[Bug]: ModelBottomSheet Overlap with NavigationBars Android Compose

[chauhanazad]

Is there an existing issue for this?

• I have searched the existing issues

Is there a StackOverflow question about this issue?

• I have searched StackOverflow

Is this an issue related to one of the samples?

• Yes, this is a specific issue related to this samples repo.

Sample app

Other (bug not related to sample app)

What happened?

Below is the code, ModalBottomsheet overlap with Navigationbars. I tried adding padding but still same.

ModalBottomSheet(
        onDismissRequest = {
            onDismiss()
        },
        sheetState = bottomSheetState,
        modifier = Modifier.windowInsetsPadding(WindowInsets.navigationBars),
        windowInsets = WindowInsets.ime,
        content = {
            Column(
                modifier = Modifier
                    .fillMaxWidth()
                    .padding(start = 16.dp, end = 16.dp),
                horizontalAlignment = Alignment.CenterHorizontally,
            ) {
                TextField(
                    value = accountName,
                    onValueChange = { accountName = it },
                    placeholder = {
                        Text(
                            text = stringResource(id = R.string.account_name_hint),
                            fontFamily = FontFamily(Font(R.font.opensans_regular))
                        )
                    },
                    textStyle = TextStyle.Default.copy(
                        fontSize = 20.sp,
                        fontFamily = FontFamily(Font(R.font.opensans_medium))
                    ),
                    colors = TextFieldDefaults.colors(
                        unfocusedContainerColor = Color.White,
                        disabledTextColor = Color.Transparent,
                        focusedIndicatorColor = Color.Transparent,
                        unfocusedIndicatorColor = Color.Transparent,
                        disabledIndicatorColor = Color.Transparent
                    ),
                    modifier = Modifier
                        .shadow(shape = RoundedCornerShape(8.dp), elevation = 2.dp)
                        .fillMaxWidth(),
                    isError = accountNameError.value,
                    singleLine = true,

                    )
}
}

Relevant logcat output

No response

Code of Conduct

• I agree to follow this project's Code of Conduct

[moksh-tehlan]

can u add a screenshot?? and also in which app?