Android Compose - 将传统视图与 ComposeView 结合使用

Question

我将 Compose 与现有片段一起使用。我在 xml 中的结构

<CoordinatorLayout>
    <AppBarLayout>
        <CollapsingToolbarLayout>
            <ImageView />
            <MaterialToolbar />
        </CollapsingToolbarLayout>
    </AppBarLayout>

    <androidx.core.widget.NestedScrollView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        app:layout_behavior="@string/appbar_scrolling_view_behavior">

        <androidx.compose.ui.platform.ComposeView
            android:id="@+id/composeContent"
            android:layout_width="match_parent"
            android:layout_height="match_parent" />
    </androidx.core.widget.NestedScrollView>
</CoordinatorLayout>

在 ComposeView 中，我使用 LazyColum，它因日志而崩溃

java.lang.IllegalStateException: Nesting scrollable in the same direction layouts like ScrollableContainer and LazyColumn is not allowed. If you want to add a header before the list of items please take a look on LazyColumn component which has a DSL api which allows to first add a header via item() function and then the list of items via items().

我认为该错误的原因是 LazyColum（可滚动）放在其他可滚动（NestedScrollView）中。但是如果我删除 NestedScrollView，它看起来像

<androidx.compose.ui.platform.ComposeView
    android:id="@+id/composeContent"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    app:layout_behavior="@string/appbar_scrolling_view_behavior" />

当我在 LazyColumn 中滚动列表时，CollapsingToolbarLayout 不滚动。那是下一个错误。

如何解决？

请帮我。谢谢。

Answer 1

从 Chris Banes 中展开您的撰写视图<androidx.core.widget.NestedScrollView>并使用此解决方法。它就像一个魅力。只需按照评论中的说明操作即可：

 * setContent {
 *     Surface(
 *         // Add this somewhere near the top of your layout, above any scrolling layouts
 *         modifier = Modifier.nestedScroll(rememberViewInteropNestedScrollConnection())
 *     ) {
 *         LazyColumn() {
 *             // blah
 *         }
 *     }
 * }

这是一个现有的 Compose 错误，可以在问题跟踪器中找到。

Answer 2

我认为这是一个问题，所以我打开了一个。

https://issuetracker.google.com/issues/199693522

事实证明这不是问题。

根据撰写团队的回复，LazyColumn 看起来有一个非无限的高度。如果不给 LazyColumn 固定高度并使 ComposeView 的高度 match_parent （这是无限的，因为滚动视图的高度是无限的），LazyColumn 将无法工作，因为它现在具有无限的高度。