compose textview
时间: 2024-01-19 16:17:16 浏览: 139
Android编程14个很有用的代码片段
Compose是一种用于构建用户界面的现代化工具包,它是由Kotlin编写的。在Compose中,可以使用`TextField`和`Text`来实现文本输入和文本显示的功能。
1. 使用`TextField`实现文本输入:
```kotlin
import androidx.compose.foundation.layout.Column
import androidx.compose.material.TextField
import androidx.compose.runtime.mutableStateOf
import androidx.compose.runtime.remember
import androidx.compose.ui.tooling.preview.Preview
import androidx.compose.ui.unit.dp
import androidx.compose.ui.window.Window
import androidx.compose.ui.window.WindowSize
fun main() = Window(
size = WindowSize(300.dp, 200.dp)
) {
val textState = remember { mutableStateOf("") }
Column {
TextField(
value = textState.value,
onValueChange = { textState.value = it },
label = { Text("Enter text") }
)
Text("You entered: ${textState.value}")
}
}
```
2. 使用`Text`实现文本显示:
```kotlin
import androidx.compose.foundation.layout.Column
import androidx.compose.material.Text
import androidx.compose.ui.tooling.preview.Preview
import androidx.compose.ui.unit.dp
import androidx.compose.ui.window.Window
import androidx.compose.ui.window.WindowSize
fun main() = Window(
size = WindowSize(300.dp, 200.dp)
) {
Column {
Text("Hello Compose!")
}
}
```
这两个例子分别演示了使用Compose的`TextField`和`Text`来实现文本输入和文本显示的功能。
阅读全文