android - 如何在 Jetpack 组合中使用 Viewmodel
问题描述
我正在尝试ViewModel
与 Jetpack Compose 一起使用,
通过做一个数字增量。
但它不起作用。也许我没有以正确的方式使用视图模型。
这是我的主要活动代码
class MainActivity : ComponentActivity() {
override fun onCreate(savedInstanceState: Bundle?) {
super.onCreate(savedInstanceState)
setContent {
Greeting()
}
}
}
@Composable
fun Greeting(
helloViewModel: ViewModel = viewModel()
) {
Column(
verticalArrangement = Arrangement.Center,
horizontalAlignment = Alignment.CenterHorizontally,
modifier = Modifier.fillMaxSize()
) {
Text(
text = helloViewModel.number.toString(),
fontSize = 60.sp,
fontWeight = FontWeight.Bold
)
Button(onClick = { helloViewModel.addNumber() }) {
Text(text = "Increment Number ${helloViewModel.number}")
}
}
}
@Preview(showBackground = true)
@Composable
fun DefaultPreview() {
JetpackcomposepracticeTheme {
Greeting()
}
}
这是我的 Viewmodel 类。
它适用于xml。
我如何创建视图模型的对象:
class ViewModel: ViewModel() {
var number : Int = 0
fun addNumber(){
number++
}
}
解决方案
当一些具有可变状态值的容器发生变化时,Compose 可以重新组合。mutableStateOf()
您可以使用, 等手动创建它mutableStateListOf()
,也可以通过包装Flow
/来创建它LiveData
。
class ViewModel: ViewModel() {
var number : Int by mutableStateOf(0)
private set
fun addNumber(){
number++
}
}
我建议你从撰写文档中的状态开始,包括这个解释基本原则的youtube 视频。
推荐阅读
- python - Vtk 一次设置颜色,无需循环
- python - 尝试通过 MQTT 发送一条消息并休眠 5 秒
- batch-file - 用于检查 IP 地址并设置基于位置的八位字节的批处理文件
- python - 如何使用代理参数重新创建 pysftp.Connection?
- google-chrome - Chrome 浏览器显示来自两个不同按钮的两个不同打印预览
- matlab - 带线段的散点图
- javascript - 使用 css/javascript 更改背景颜色
- python - SSD(单发检测器)的默认盒子实现
- javascript - 我不明白javascript中的创建元素功能
- kubernetes - 如何给 kubernetes 集群中的每个节点一个随机端口号