Android 开发 - mutableStateListOf 与 mutableListOf

mutableStateListOf 与 mutableListOf

1、基本介绍

1. mutableStateListOf 来自 Jetpack Compose 的运行时库，它是可观察的，列表变化会触发重组，主要用于 UI 状态管理

2. mutableListOf 来自 Kotlin 标准库，它是不可观察的，列表变化不会触发重组，是通用的集合数据结构

• 二者都支持列表的标准操作，性能开销上面，mutableStateListOf 开销较高，因为有观察机制

2、演示

1. 使用 mutableStateListOf，会更新 UI

varfruitList=remember{mutableStateListOf("苹果","香蕉","橙子")}Column{fruitList.forEach{fruit->Text(text=fruit)}Button(onClick={fruitList.add("葡萄")}){Text("添加葡萄")}}

2. 使用 mutableListOf，不会更新 UI

valfruitList=remember{mutableListOf("苹果","香蕉","橙子")}Column{fruitList.forEach{fruit->Text(text=fruit)}Button(onClick={fruitList.add("葡萄")}){Text("添加葡萄")}}

3、使用 mutableListOf 更新 UI

1. 如果想让 mutableListOf 更新 UI，使用 mutableStateOf 包装列表，修改时必须赋值新的列表

varfruitListbyremember{mutableStateOf(mutableListOf("苹果","香蕉","橙子"))}Column{fruitList.forEach{fruit->Text(text=fruit)}Button(onClick={valnewFruitList=fruitList.toMutableList()newFruitList.add("葡萄")fruitList=newFruitList}){Text("添加葡萄")}}

2. 如果修改时没有赋值新的列表，不会更新 UI

varfruitListbyremember{mutableStateOf(mutableListOf("苹果","香蕉","橙子"))}Column{fruitList.forEach{fruit->Text(text=fruit)}Button(onClick={fruitList.add("葡萄")}){Text("添加葡萄")}}