尝试在 @Composable 中获取 ViewModel

Question

我正在尝试学习喷气背包写作。我被 ViewModel 困住了。

我有一个视图模型

class DataViewModel: ViewModel() {

    //the list of live data
    var listData = mutableListOf<Data>()

    //initialize the viewmodel
    init {

        viewModelScope.launch {
            //do the network call (this is working ok)
            val data = fetchData()
            data.forEach {
                listData.add(it)
                //print the list of data, this is working fine
                println("listData")
            }

        }
    }

所以获取数据并将其放入 dataList 中工作正常。但不，我想在屏幕上显示数据。我做了一个可组合的

@Composable
//pass in the viewmodel
fun DataScreen(model:DataViewModel = viewModel()){
    println("model.listData")
    this return an empty list ?
    Column{
        model.listData?.forEach { item ->

            Text("${item}")

            }
        }

   }

在我的屏幕上没有任何反应，因为可组合项中的列表为空。如何从 ViewModel 获取列表？

Answer 1

问题是您没有在视图模型中使用状态值。需要状态才能注册可组合重组的值（如果值被分配/更改）

所以你需要有这样的视图模型（我猜你的 fetchData 是一个挂起函数）：

   class DataViewModel: ViewModel() {

    //the list of live data
    val listDataState = MutableState<List<Data>> =  mutableStateOf(emptyList<Data>())

    //initialize the viewmodel
    init {

        viewModelScope.launch {
            val data = fetchData()
            listDataState.value = data

        }
    }

    suspend fun fetchData() : List<Data>{
        //something like: 
        return dataRepository.getData()
    }

   }

然后在您的 @Composable 函数中您将获得如下数据：

val viewModel: DataViewModel = viewModel()
val data = viewModel.listDataState.value

Answer 2

而不是将 viewModel 传递给有趣的 DataScreen。您可以在有趣的 DataScreen 中使用以下内容 -

val viewModel = viewModel<DataViewModel>()

为此，请在应用程序 build.gradle 中添加以下依赖项 -

implementation 'androidx.lifecycle:lifecycle-viewmodel-compose:2.5.1'

现在您可以使用 viewModel.listData。