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

Question

我用已有的片段组合。我的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）中。但是如果我删除嵌套的ScrollView，它看起来像

<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不滚动。这是下一个bug。

如何修复它？

请帮帮我，谢谢。

Answer 1

从< code >中展开您的撰写视图

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

这是一个现有的撰写错误，可以在issue tracker中找到。

Answer 2

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

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

原来这不是问题。

根据compose团队的反馈，LazyColumn看起来有一个非无限的高度。通过不给你的LazyColumn一个固定的高度，让你的ComposeView的高度match_parent(因为scrollview的高度是无限的，所以是无限的)，LazyColumn无法工作，因为它现在有无限的高度。