React Native Android：不修改AppTheme或封装Text组件设置默认明暗文本色

核心思路 #

通过React Native的useColorScheme钩子监听系统主题变化，结合Text组件的defaultProps动态配置全局文本颜色，完全匹配你的约束条件。

具体实现步骤 #

1. 在项目根组件（如App.js）中引入所需模块：

import { Text, useColorScheme, View } from 'react-native';

2. 定义亮色/暗色模式对应的文本颜色：

const THEME_COLORS = {
  light: '#1a1a1a', // 亮色主题下的默认文本色
  dark: '#f5f5f5'   // 暗色主题下的默认文本色
};

3. 在根组件中动态更新Text组件的默认属性：

export default function App() {
  const colorScheme = useColorScheme();

  // 合并默认样式与全局文本色，避免覆盖原有defaultProps中的其他配置
  Text.defaultProps = {
    ...Text.defaultProps,
    style: [
      { color: THEME_COLORS[colorScheme] },
      Text.defaultProps?.style || {}
    ]
  };

  return (
    <View style={{ flex: 1, padding: 20 }}>
      {/* 你的页面内容，所有未手动设置颜色的Text都会自动使用全局默认色 */}
      <Text>这是全局默认颜色的文本</Text>
      <Text style={{ color: '#ff0000' }}>这是自定义颜色的文本（会覆盖全局设置）</Text>
    </View>
  );
}

方案优势 #

• 无需修改Android原生style.xml中的主题配置，完全在React Native层面实现。
• 不用封装自定义Text组件，直接复用原生Text组件。
• 无需逐个修改Text组件样式，全局自动生效。
• 支持系统主题切换：当系统在亮色/暗色模式间切换时，useColorScheme会自动触发重渲染，更新全局文本颜色，为日后DayNight模式适配做好准备。

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