[Bug]: ModelBottomSheet Overlap with NavigationBars Android Compose

[chauhanazad]

Is there an existing issue for this?

• [X] I have searched the existing issues

Is there a StackOverflow question about this issue?

• [X] I have searched StackOverflow

Is this an issue related to one of the samples?

• [X] 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

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

[moksh-tehlan]

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

[stale[bot]]

This issue has been automatically marked as stale because it has not had any recent activity. Please comment here if it is still valid so that we can reprioritize it. Thank you for your contributions.