Jetpack Compose SwipeToDismissBox доходит до конца экрана ⇐ Android

[Anonymous]

Я пытаюсь реализовать в своем приложении функцию смахивания для закрытия, и она работает нормально, за исключением небольшой проблемы с пользовательским интерфейсом.
Когда я пролистываю от конца к началу, я хочу, чтобы верхний передний контейнер просто уменьшается в размере, а не прокручивается до конца экрана, но это не так. Ниже приведены скриншоты текущей ситуации и того, чего я хочу достичь:

Код: Выделить всё

Current

Код: Выделить всё

Desirable

Ниже приведен код текущего изображения:

Код: Выделить всё

@Composable
fun SwipeToCancel(
closeScreen: () -> Unit,
isExpandedScreen: Boolean
) {
val threshold = 0.5f
val haptic = LocalHapticFeedback.current
var state: SwipeToDismissBoxState? = null
state = rememberSwipeToDismissBoxState(
positionalThreshold = {
it * threshold
},
confirmValueChange = {
haptic.performHapticFeedback(HapticFeedbackType.LongPress)
if (it == SwipeToDismissBoxValue.EndToStart && state!!.progress > threshold) {
closeScreen()
}
false
}
)

SwipeToDismissBox(
state = state,
enableDismissFromStartToEnd = false,
enableDismissFromEndToStart = true,
backgroundContent = {
val containerColor by animateColorAsState(
if (state.targetValue == SwipeToDismissBoxValue.Settled) {
MaterialTheme.colorScheme.inverseSurface
} else {
MaterialTheme.colorScheme.error
}, label = ""
)
val contentColor by animateColorAsState(
if (state.targetValue == SwipeToDismissBoxValue.Settled) {
MaterialTheme.colorScheme.inverseOnSurface
} else {
MaterialTheme.colorScheme.onError
}, label = ""
)
Box(
Modifier
.fillMaxSize()
.clip(MaterialTheme.shapes.medium)
.background(containerColor)
) {
MesIcon(
imageVector = Icons.Outlined.CallEnd,
tint = contentColor,
modifier = Modifier
.align(Alignment.CenterEnd)
.padding(16.dp)
)
}
}
) {

Card(
modifier = Modifier
.fillMaxWidth(if (isExpandedScreen) 0.5f else 1f),
colors = CardDefaults.outlinedCardColors(
containerColor = MaterialTheme.colorScheme.primaryContainer
)
) {
Row(
modifier = Modifier
.fillMaxWidth()
.height(80.dp)
.clip(MaterialTheme.shapes.medium)
.background(MaterialTheme.colorScheme.primary)
.padding(4.dp),
horizontalArrangement = Arrangement.End,
verticalAlignment = Alignment.CenterVertically
) {

Text(
text = stringResource(id = R.string.action_slide_cancel),
style = MaterialTheme.typography.bodyMedium,
color = MaterialTheme.colorScheme.onPrimary
)

Spacer(modifier = Modifier.width(16.dp))

Icon(
imageVector = Icons.Outlined.KeyboardDoubleArrowLeft,
contentDescription = stringResource(id = R.string.action_swipe_cancel),
tint = MaterialTheme.colorScheme.primary,
modifier = Modifier
.width(48.dp)
.fillMaxHeight()
.clip(RoundedCornerShape(12.dp))
.background(MaterialTheme.colorScheme.background)
)
}

}

}

}

У кого-нибудь есть идеи, как это сделать?

Подробнее здесь: https://stackoverflow.com/questions/792 ... -of-screen