fix(nests): respect navigation bar insets in NestActionBar

The bottom action bar in NestFullScreen was rendering under Android's
gesture navigation area in edge-to-edge mode, leaving the leave / talk
/ react buttons partially obscured. Apply BottomAppBarDefaults
windowInsets to the surface so it pads above the system navigation.
This commit is contained in:
Claude
2026-04-28 20:59:22 +00:00
parent dcc6a7e07d
commit 045bc36371
@@ -29,11 +29,14 @@ import androidx.compose.foundation.layout.Box
import androidx.compose.foundation.layout.Column
import androidx.compose.foundation.layout.Row
import androidx.compose.foundation.layout.Spacer
import androidx.compose.foundation.layout.consumeWindowInsets
import androidx.compose.foundation.layout.fillMaxWidth
import androidx.compose.foundation.layout.padding
import androidx.compose.foundation.layout.width
import androidx.compose.foundation.layout.windowInsetsPadding
import androidx.compose.material3.AssistChip
import androidx.compose.material3.AssistChipDefaults
import androidx.compose.material3.BottomAppBarDefaults
import androidx.compose.material3.Button
import androidx.compose.material3.ButtonDefaults
import androidx.compose.material3.FilledTonalIconButton
@@ -91,13 +94,20 @@ internal fun NestActionBar(
onShowReactionPicker: () -> Unit,
onLeave: () -> Unit,
) {
val insets = BottomAppBarDefaults.windowInsets
Surface(
modifier = Modifier.fillMaxWidth(),
color = MaterialTheme.colorScheme.surface.copy(alpha = 0.96f),
contentColor = MaterialTheme.colorScheme.onSurface,
tonalElevation = 3.dp,
) {
Column(modifier = Modifier.fillMaxWidth()) {
Column(
modifier =
Modifier
.fillMaxWidth()
.windowInsetsPadding(insets)
.consumeWindowInsets(insets),
) {
HorizontalDivider(color = MaterialTheme.colorScheme.outlineVariant.copy(alpha = 0.4f))
ActionBarStatusStrip(ui = ui)
Row(