Compose中CompositionLocalProvider的Content区域可放置何种内容？

一、"Content goes here" 区域该放什么？ #

• 这里要放所有需要使用当前CompositionLocal提供的全局变量的Compose内容。直白点说，任何需要读取这个全局值的UI组件、子Composable，都得嵌套在这个区域里。
• 举个实际例子：如果你定义了全局主题色LocalPrimaryColor，那所有用到这个颜色的按钮、文本、卡片组件，都要放在这个区域内。

二、仅实现全局变量的最简步骤 #

如果只是想做全局可访问的变量，不用搞复杂逻辑，按下面三步来：

1. 定义全局变量容器

// 创建一个全局字符串变量，设置默认值为"默认内容"
val LocalGlobalText = compositionLocalOf { "默认内容" }

2. 包裹需要访问变量的内容

CompositionLocalProvider(LocalGlobalText provides "我是全局变量") {
    // 这里就是"Content goes here"，放要用到这个变量的组件
    GlobalTextDisplay()
}

3. 在子组件中读取变量

@Composable
fun GlobalTextDisplay() {
    // 直接通过.current获取全局变量值
    Text(text = LocalGlobalText.current)
}

三、必须理清的核心逻辑 #

• CompositionLocal是局部范围内的全局变量：它的作用范围仅限CompositionLocalProvider包裹的内容，不是真的整个APP全局（要实现APP全局，把CompositionLocalProvider放在APP的根Composable里就行）。
• 别乱用：如果只是简单的父子组件传值，优先用参数传递；只有当多个层级的子组件都需要同一个值，且不想层层传参时，再用CompositionLocal。

内容的提问来源于stack exchange，提问作者Special Muesli