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

Question

例如，在对 android developer's site 中给出的示例代码 fragment 进行一些修改后

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

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

Answer 1

可组合函数需要有 MutableState为了以编程方式更新。它可以从 observable(如 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)
}

然后您可以通过更新 observable 以编程方式更新值:

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)
    }
}

阅读更多 here