获取列表中每个文本字段的值

Question

我有一个列表，其中每个元素包含两个文本字段。一个TextField 是放置键，另一个是放置值。我想获取TextField的值，例如List中key TextField的值和其他List中value TextField的值，或者获取key和value的值并将它们放入MutableMap中（更喜欢最后一个）但我不知道该怎么做。

我该怎么做？我正在使用 LazyColumn 显示 TextField 列表。 现在，我只有两个变量，但所有文本字段的值始终相同，我希望每个文本字段都有不同的值。

      val keys = remember { mutableStateOf(TextFieldValue()) }
      val values = remember { mutableStateOf(TextFieldValue())}

      LazyColumn(Modifier.fillMaxWidth()){
                   itemsIndexed(myListOfTextFields) { index, item ->
                        Row(Modifier.fillMaxWidth()) {
                           TextField(value = keys.value,
                                     onValueChange = { keys.value = it },
                                     singleLine = true)
                            TextField(value = values.value,
                                      onValueChange = { values.value = it },
                                      singleLine = true)
                   }
      }

Answer 1

据我所知，您希望将列表中的每个输入的“键/值”对存储在KV或映射数组中，

Compose为您提供了函数mutableStateListOf 允许您在组合范围内与可观察的 MutableList 进行交互。

Compose 还为您提供了 mutableStateMapOf 但就您而言，我建议您不要使用它，因为您无法轻松地将键/值映射到文本字段中的 index 请参阅代码注释。

这是我的建议：

val data = remember { mutableStateListOf<Pair<String, String>>() }

LazyColumn(Modifier.fillMaxWidth()) {
    itemsIndexed(myListOfTextFields) { index, item ->
        val datum = data[index] // can't do this with mutableStateMapOf ??

        Row(Modifier.fillMaxWidth()) {
            TextField(
                value = datum.first,
                onValueChange = { data[index] = data[index].copy(first = it) },
                singleLine = true
            )
            TextField(
                value = datum.second,
                onValueChange = { data[index] = data[index].copy(second = it) },
                singleLine = true
            )
        }
    }
}

将 List 和 Pair 组合成 MutableList> 可以让您访问 kotlin 的 lib MutableList>.toMap() 将 Iterable 转换为 Map

返回的映射保留原始集合的条目迭代顺序。如果两对中的任何一对具有相同的密钥，则最后一对将添加到地图中。

由于您的交互依赖于迭代，因此我会强烈坚持使用列表，并稍后在提交数据时将其转换为地图。

data.toMap()