要在 Android Studio 中使用 Jetpack Compose 创建一个可以增加和减少循环文本框数量的按钮,并获取文本框的值,你可以按照以下步骤进行操作:

  1. 创建一个 Compose 项目,确保你的项目已经添加了 Jetpack Compose 的依赖。

  2. MainActivity 中创建一个 @Composable 函数,用来显示按钮和文本框。

@Composable
fun CounterScreen() {
    var count by remember { mutableStateOf(0) }
    val textFields = remember { mutableStateListOf<String>() }

    Column {
        Button(onClick = { count++ }) {
            Text('增加')
        }
        Button(onClick = { count-- }) {
            Text('减少')
        }
        repeat(count) {
            val textFieldValue = remember { mutableStateOf('') }
            TextField(
                value = textFieldValue.value,
                onValueChange = { textFieldValue.value = it },
                label = { Text('文本框 $it') }
            )
            textFields.add(textFieldValue.value)
        }
    }
}
  1. MainActivitysetContent 方法中调用 CounterScreen 函数。
class MainActivity : ComponentActivity() {
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContent {
            CounterScreen()
        }
    }
}
  1. 运行应用程序,你将看到一个增加和减少按钮,以及一个随着按钮点击而增加或减少的文本框列表。

  2. 若要获取文本框的值,你可以在 CounterScreen 函数中将其添加到 textFields 列表中,并在需要时使用它。

Button(onClick = { count++ }) {
    Text('增加')
}
Button(onClick = { count-- }) {
    Text('减少')
}
repeat(count) {
    val textFieldValue = remember { mutableStateOf('') }
    TextField(
        value = textFieldValue.value,
        onValueChange = { textFieldValue.value = it },
        label = { Text('文本框 $it') }
    )
    textFields.add(textFieldValue.value)
}

// 在需要的地方使用textFields列表

这样,你就可以通过 textFields 列表获取文本框的值了。


原文地址: https://www.cveoy.top/t/topic/pk0E 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录