有没有办法动态更改 compose 的 Text() 中的字符串？

Question

例如，对 android 开发者网站中给出的示例代码片段进行一些修改后

@Composable
fun ClickCounter(clicks: Int, onClick: () -> Unit) {
    Button(onClick = onClick) {
        Text("I've been clicked $clicks times")
    }
}  

可以计算按下按钮的次数，并通过更改 UI 中文本组件中的字符串来显示此计数。然而，这需要用户实际按下按钮才能更改文本。有没有办法以编程方式执行此操作？我想在其他地方执行一些计算，当结果准备好时，通过更新 Text 来显示它（如果我使用 xml 生成 UI，则执行类似 Text.setText("...") 的操作）。如何以编程方式更改文本的值？谷歌的jetpack compose示例程序是否有一个简单的例子？

Answer 1

可组合函数需要有一个MutableState才能以编程方式更新。它可以从可观察对象（如 LiveData 或 Flow）或通过调用mutableStateOf().

val text = mutableStateOf("text")
// or
val text = MutableStateFlow("text")

@Composable
fun MyText() {
    val myText by text
    // or
    val myText by text.collectAsState()
    Text(myText)
}

然后您可以通过更新可观察值以编程方式更新该值：

text.value = "other text"

例子

class MainActivity : AppCompatActivity() {
    private val a = 10000L
    private val b = 1000L
    private val c = mutableStateOf(a)

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        val timer = object : CountDownTimer(a, b) {
            override fun onTick(millisUntilFinished: Long) {
                Log.d("MYLOG", "text updated programmatically")
                c.value = millisUntilFinished
            }

            override fun onFinish() {
                c.value = 0
            }
        }
        timer.start()
        setContent { CountDown() }
    }

    @Composable
    fun CountDown() {
        val milliseconds by c
        val text = (milliseconds / 1000).toString()
        Text(text)
    }
}

在这里阅读更多内容