Jetpack Compose：AndroidView深色主题颜色适配避免重复代码方案咨询

以下是几种无需重复代码的可行方案：

1. 利用Android原生主题属性自动适配 #

通过定义深色/浅色模式下的颜色资源，让TextView继承主题属性，无需手动写判断逻辑：

• 首先在资源文件中分别定义两种模式的文本颜色：
  res/values/colors.xml：

  <color name="theme_text_color">#000000</color>
  

  res/values-night/colors.xml：

  <color name="theme_text_color">#FFFFFF</color>
  

• 接着在你的App主题（比如res/values/styles.xml的AppTheme）中指定默认文本颜色：

  <style name="AppTheme" parent="Theme.MaterialComponents.DayNight.NoActionBar">
      <item name="android:textColor">@color/theme_text_color</item>
  </style>
  

• 最后在Compose中用ContextThemeWrapper包裹TextView，让它继承主题的颜色配置：

  AndroidView(
      factory = { context ->
          ContextThemeWrapper(context, R.style.AppTheme).run {
              TextView(this).apply {
                  text = "自动适配深色模式的文本"
                  // 无需手动设置textColor，会自动跟随主题变化
              }
          }
      }
  )
  

2. 封装可复用的自定义Composable组件 #

把TextView的创建和颜色适配逻辑封装成一个独立的Composable，其他页面直接调用即可：

@Composable
fun ThemedTextView(
    text: String,
    modifier: Modifier = Modifier,
    textSize: Float = 16f,
    // 可以根据需求添加更多参数，比如文字对齐、加粗等
) {
    // 在这里统一处理深色主题判断
    val textColor = if (isSystemInDarkTheme()) Color.White.toArgb() else Color.Black.toArgb()
    
    AndroidView(
        modifier = modifier,
        factory = { context ->
            TextView(context).apply {
                setTextColor(textColor)
                this.text = text
                setTextSize(TypedValue.COMPLEX_UNIT_SP, textSize)
                // 其他通用样式配置
            }
        },
        // 当参数变化时更新视图
        update = { view ->
            view.text = text
            view.setTextColor(textColor)
            view.setTextSize(TypedValue.COMPLEX_UNIT_SP, textSize)
        }
    )
}

之后在任意页面直接使用这个组件：

ThemedTextView(text = "我是复用的主题文本")

3. 正确使用CompositionLocal实现全局共享 #

你之前的顾虑其实可以通过正确配置CompositionLocal解决，只需在顶层Compose中提供颜色值，子组件直接获取即可：

• 首先定义一个全局的CompositionLocal（可以放在Theme相关的公共文件中）：

  val LocalThemedTextColor = compositionLocalOf { Color.Black.toArgb() }
  

• 在App的顶层Compose中，根据系统主题提供对应的颜色值：

  @Composable
  fun MyApp() {
      val textColor = if (isSystemInDarkTheme()) Color.White.toArgb() else Color.Black.toArgb()
      
      CompositionLocalProvider(LocalThemedTextColor provides textColor) {
          // 这里是你的页面导航或主内容
          MainScreen()
      }
  }
  

• 在任意子页面的AndroidView中直接获取并使用：

  @Composable
  fun MainScreen() {
      val textColor = LocalThemedTextColor.current
      
      AndroidView(
          factory = { context ->
              TextView(context).apply {
                  setTextColor(textColor)
                  text = "通过CompositionLocal共享的主题文本"
              }
          }
      )
  }
  

这样既避免了重复代码，也能让跨包的Composable通过导入LocalThemedTextColor来使用。

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