LazyColumn 可以与 CoordinatorLayout 一起使用吗？

Question

我正在将应用程序迁移到 Jetpack Compose，并且在查看/撰写混合屏幕上遇到以下情况：

• 布局根元素是一个 CoordinatorLayout，它有一个可折叠的顶栏。
• 内容是一个 FragmentViewPager，其中一个页面是我要迁移到 Compose 的 Fragment。
• 当我滚动此片段内的 LazyColumn 时，顶部栏不会折叠/展开。

我的问题是：我可以做一些事情让这两部分一起工作吗？即：当我滚动 LazyColumn 时，包含它的 CoordinatorLayout 将使其顶部栏折叠/展开。

Answer 1

Compose Interop Android 文档最近似乎更新了关于“视图嵌套滚动”的小节。目前，Android CoordinatorLayout 和 Compose

LazyColumn

互操作 UX 尚未得到官方支持。官方 Google 问题跟踪器位于

此处

。

Answer 2

LazyColumn

可以是父级的协作嵌套子级。协调器布局。 您只需向 LazyColumn 添加一个额外的 modifier
。注意：
fling
也完全可以正常工作（开箱即用）

val nestedScrollInterop = rememberNestedScrollInteropConnection()

// Add the nested scroll connection to your top level @Composable element
// using the nestedScroll modifier.
LazyColumn(modifier = Modifier.nestedScroll(nestedScrollInterop)) {
   ...
}

查看

官方文档

了解详细解释。