5、Jetpack Compose 可组合函数深度剖析

Jetpack Compose 可组合函数深度剖析

1. 可组合函数调用结果测试

我们可以通过打印调用可组合函数的结果来进行测试，示例代码如下：

class SandboxActivity : ComponentActivity() {
  override fun onCreate(savedInstanceState: Bundle?) {
    super.onCreate(savedInstanceState)
    setContent {
      println(ColoredTextDemo(
        text = "Hello Compose",
        color = Color.Blue
      ))
    }
  }
}

运行该应用后，会打印出如下内容：

I/System.out: kotlin.Unit

虽然这看起来可能并不令人兴奋，但它的含义却很深远。尽管 ColoredTextDemo() 可组合函数没有返回有意义的内容，但屏幕上却显示了一些文本。这是因为它调用了另一个可组合函数 Text() 。所以，显示文本所需的一切操作都必须在 Text() 内部完成，这与可组合函数的返回值无关。

2. 发射 UI 元素

Compose UI 是通过嵌套调用可组合函数来创建的，这些可组合函数可以由 Jetpack Compose 库、其他开发者的代码或你