SwipeToDismiss и NestedScroll не работают вместе - Jetpack ComposeAndroid

Форум для тех, кто программирует под Android
Ответить
Anonymous
 SwipeToDismiss и NestedScroll не работают вместе - Jetpack Compose

Сообщение Anonymous »

Я пытаюсь реализовать список элементов с возможностью удаления элементов с помощью смахивания. В основном я использовал составные элементы LazyColumn и SwipeToDismiss.
С конфигурацией по умолчанию вертикальная прокрутка LazyColumn и горизонтальное пролистывание SwipeToDismiss смешиваются, и я в основном запускаю SwipeToDismiss при попытке выполнить вертикальную прокрутку.
Чтобы иметь возможность изменять чувствительность SwipeToDismiss, я посмотрел, как работает сенсорная система. Насколько я понимаю, детские компонуемые объекты должны спрашивать родителей, прежде чем использовать события перетаскивания, и родители могут использовать их перед детьми, используя вложенныйScroll. Но есть проблема с SwipeToDismiss: он не отправляет события перетаскивания родителям, если угол перетаскивания по оси x&y находится в диапазоне от 0 до 45 градусов. Таким образом, родители не могут использовать события перетаскивания.
Проблему можно воспроизвести, изменив пример на странице документацииnestedScroll. Просто замените элементы на SwipeToDismiss. Вы также можете найти измененный исходный код примера ниже.
Я пытаюсь понять, является ли это ошибкой или я что-то упускаю, и как я могу улучшить совместную работу SwipeToDismiss и вертикальной прокрутки.
// here we use LazyColumn that has build-in nested scroll, but we want to act like a
// parent for this LazyColumn and participate in its nested scroll.
// Let's make a collapsing toolbar for LazyColumn
val toolbarHeight = 48.dp
val toolbarHeightPx = with(LocalDensity.current) { toolbarHeight.roundToPx().toFloat() }
// our offset to collapse toolbar
val toolbarOffsetHeightPx =

remember { mutableStateOf(0f) }
// now, let's create connection to the nested scroll system and listen to the scroll
// happening inside child LazyColumn
val nestedScrollConnection = remember {
object : NestedScrollConnection {
override fun onPreScroll(available: Offset, source: NestedScrollSource): Offset {
// try to consume before LazyColumn to collapse toolbar if needed, hence pre-scroll
val delta = available.y
val newOffset = toolbarOffsetHeightPx.value + delta
toolbarOffsetHeightPx.value = newOffset.coerceIn(-toolbarHeightPx, 0f)
// here's the catch: let's pretend we consumed 0 in any case, since we want
// LazyColumn to scroll anyway for good UX
// We're basically watching scroll without taking it
return Offset.Zero
}
}
}
Box(
Modifier
.fillMaxSize()
// attach as a parent to the nested scroll system
.nestedScroll(nestedScrollConnection)
) {
// our list with build in nested scroll support that will notify us about its scroll
LazyColumn(contentPadding = PaddingValues(top = toolbarHeight)) {
items(100) { index ->
val state = remember { DismissState(DismissValue.Default) { true } }
SwipeToDismiss(state = state, background = {
Text(text = "Background", modifier = Modifier.fillMaxWidth().background(color = androidx.compose.ui.graphics.Color.Red))
}) {
Text("I'm item $index", modifier = Modifier
.fillMaxWidth()
.background(color = Color.Black)
.padding(16.dp))
}

}
}
TopAppBar(
modifier = Modifier
.height(toolbarHeight)
.offset { IntOffset(x = 0, y = toolbarOffsetHeightPx.value.roundToInt()) },
title = { Text("toolbar offset is ${toolbarOffsetHeightPx.value}") }
)
}


Подробнее здесь: https://stackoverflow.com/questions/705 ... ck-compose
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «Android»