主页 / coding / 问题 / 79266104
Accepted
SMBiggs
Asked: 2024-12-10 02:34:40 +0800 CST

Android Compose MutableStateFlow：添加到 Set 不会调用重组

  • 772

关于此问题有很多类似的问题，但用法一直在发生变化；这是我发现的唯一一个专门讨论 MutableSets、MutableStateFlows 和 collectAsState() 的问题。

问题是，当我向 MutableSet 添加元素时，可组合项不会重新组合。以下代码是我所能得到的最简单的代码，但仍然显示了问题。

视图模型

class MyViewmodel : ViewModel() {

    private val _infoSet = MutableStateFlow(mutableSetOf<MyInfo>())
    val infoSet = _infoSet.asStateFlow()

    fun add() {
        val newInfo = MyInfo(num = infoSet.value.size + 1)
        _infoSet.value.add(newInfo)
        Log.d(TAG, "infoSet is now ${infoSet.value}")
    }
}

data class MyInfo(
    val name: String = "foo",
    val num: Int = -1
)

主要活动

class MainActivity : ComponentActivity() {

    private lateinit var myViewmodel: MyViewmodel

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        enableEdgeToEdge()

        myViewmodel = MyViewmodel()

        setContent {
            val infoSet by myViewmodel.infoSet.collectAsStateWithLifecycle()
            RecompositionTestTheme {
                Scaffold(modifier = Modifier.fillMaxSize()) { innerPadding ->
                    DrawStuff(
                        modifier = Modifier.padding(innerPadding),
                        infoSet = infoSet,
                        myViewmodel
                    )
                }
            }
        }
    }
}

@Composable
fun DrawStuff(
    modifier: Modifier = Modifier,
    infoSet: Set<MyInfo>,
    viewmodel: MyViewmodel
) {
    Log.d(TAG, "DrawStuff() start")
    LazyColumn(modifier = modifier.safeDrawingPadding()) {
        item { Text("This should display a Set of MyInfo") }
        item {
            Button(
                onClick = {
                    viewmodel.add()
                    Toast.makeText(ctx, "infoSet = $infoSet", Toast.LENGTH_SHORT).show()
                }
            ) { Text("add") }
        }

        // the MyInfo list
        infoSet.forEach { info ->
            Log.d(TAG, "listing the MyInfos $info")
            item {
                Text("${info.name}, ${info.num}")
            }
        }
    }
}

日志语句显示单击按钮会调用 MyViewmodel.add()。但日志也清楚地显示 DrawStuff 未被调用。出乎意料的是，Toast 消息正确显示了信息。

我这里做错了什么吗？我需要做什么才能在内容发生变化时DrawStuff()显示内容infoSet？（注意：我已经进行了测试，其中 infoSet 已预先加载了数据。它可以正确绘制，但在添加项目时仍然不会改变。）

1 个回答

  1. Best Answer

    根据经验，永远不要在 StateFlow 中使用可变对象。您可以使用 MutableSet作为流的内容。将其替换为不可变的Set，一切都将按预期工作。

    原因是 StateFlow 从未收到其值内容修改的通知，因此它也无法通知收集器有新值。

    在您的视图模型中，只需更改_infoSet为：

    private val _infoSet = MutableStateFlow(emptySet<MyInfo>())

    现在，您无法再向此集合添加任何新项目，因此_infoSet.value.add(newInfo)无法编译。解决方案是创建一个新集合（也是不可变的），由旧值加上新值组成。这可以很容易地像这样完成：

    _infoSet.update { it + newInfo }

    虽然_infoSet.value = _infoSet.value + newInfo乍一看似乎也有效，但这实际上可能会导致更新不一致，因为另一个线程可能会在计算过程中发生变化。当您需要旧值来计算新_infoSet.value值时，更新 MutableStateFlow 的线程安全方法是使用如上所示的方法。update

    现在，StateFlow 可以在其值发生变化时通知其收集器，因此 Compose 可以触发重组以相应地更新 UI。

    编辑：我刚刚意识到，在创建时，您也可以访问流的当前值newInfo。因此，也必须将其移到updatelambda 内部，以使其保持一致：

    _infoSet.update {
    val newInfo = MyInfo(num = it.size + 1)
    it + newInfo
}
    • 3

相关问题