Question

今天早上在使用 AndroidView 时遇到了一个奇怪的情况。

我有一个像这样的 ProductCard 界面

interface ProductCard {
    val view: View
    fun setup(
        productState: ProductState,
        interactionListener: ProductCardView.InteractionListener
    )
}

这个接口可以由多个视图实现。

呈现 AndroidView 列表的可组合使用 ProductCard 获取视图并在重新组合发生时传递状态更新。

@Composable
fun BasketItemsList(
    modifier: Modifier,
    basketItems: List<ProductState>,
    provider: ProductCard,
    interactionListener: ProductCardView.InteractionListener
) {
    LazyColumn(modifier = modifier) {
        items(basketItems) { product ->
            AndroidView(factory = { provider.view }) {
                Timber.tag("BasketItemsList").v(product.toString())
                provider.setup(product, interactionListener)
            }
        }
    }
}

在此示例中，与 ProductCard 视图（调用 ProductCard.setup()）的任何交互都不会更新屏幕。日志显示状态会更新，但问题是每个按钮只更新一次。例如，我有一个收藏夹按钮。单击一次只会推送一次状态更新，任何后续单击都不会传播。视图本身也不会更新。就好像它从未被点击过一样。

现在将 AndroidView.update 块更改为使用 it 并将其转换为具体视图类型，按预期工作。所有点击都正确传播，卡片视图会更新以反映状态。

@Composable
fun BasketItemsList(
    modifier: Modifier,
    basketItems: List<ProductState>,
    provider: ProductCard,
    interactionListener: ProductCardView.InteractionListener
) {
    LazyColumn(modifier = modifier) {
        items(basketItems) { product ->
            AndroidView(factory = { provider.view }) {
                Timber.tag("BasketItemsList").v(product.toString())
//                provider.setup(product, interactionListener)
                (it as ProductCardView).setup(product, interactionListener)
            }
        }
    }
}

我在这里错过了什么？为什么在将视图转换为其类型时使用 ProductCard 不起作用？

更新 1

似乎投射到 ProductCard 也有效

    @Composable
    fun BasketItemsList(
        modifier: Modifier,
        basketItems: List<ProductState>,
        provider: ProductCard,
        interactionListener: ProductCardView.InteractionListener
    ) {
        LazyColumn(modifier = modifier) {
            items(basketItems) { product ->
                AndroidView(factory = { provider.view }) {
                    Timber.tag("BasketItemsList").v(product.toString())
    //                provider.setup(product, interactionListener)
                    (it as ProductCard).setup(product, interactionListener)
                }
            }
        }
    }

那么问题是为什么我们必须在 it 中使用 AndroidView.update 而不是对视图的任何其他引用？

Answer 1

这里的答案是我缺少 key 项所需的 LazyColumn 值，以便 compose 知道哪个项已更改并对其调用更新。

在 Jetpack Compose 中更新 AndroidView 状态

1 个答案: