如何在已设深色模式的设备上强制启用react-native-paper默认亮色主题？

你的代码未生效的核心原因是使用了React Native原生的Text组件，而非react-native-paper提供的Text组件——只有Paper库的组件才会应用其主题样式。另外无需手动修改DefaultTheme的dark属性，DefaultTheme本身就是官方预设的亮色主题，直接使用即可。

修正后的代码 #

import React from 'react';
import { View } from 'react-native';
// 导入react-native-paper的Text组件，替换原生Text
import { Provider as PaperProvider, DefaultTheme, Text } from 'react-native-paper';

const App = () => {
  // 直接使用官方默认亮色主题
  const theme = DefaultTheme;

  return (
    <PaperProvider theme={theme}>
      <View style={{flex: 1, justifyContent: 'center', alignItems: 'center'}}>
        <Text style={{fontSize: 18, marginTop: 20}}>
          Hello there Is this light theme?
        </Text>
      </View>
    </PaperProvider>
  );
};

export default App;

验证主题切换功能 #

如果需要快速验证亮色/深色主题切换，直接切换theme为DefaultTheme（亮色）或DarkTheme（官方默认深色）即可，示例代码如下：

import React, { useState } from 'react';
import { View } from 'react-native';
import { Provider as PaperProvider, DefaultTheme, DarkTheme, Text, Button } from 'react-native-paper';

const App = () => {
  const [isDark, setIsDark] = useState(false);
  const theme = isDark ? DarkTheme : DefaultTheme;

  return (
    <PaperProvider theme={theme}>
      <View style={{flex: 1, justifyContent: 'center', alignItems: 'center', gap: 20}}>
        <Text style={{fontSize: 18}}>
          {isDark ? "当前是深色主题" : "当前是亮色主题"}
        </Text>
        <Button mode="contained" onPress={() => setIsDark(!isDark)}>
          切换主题
        </Button>
      </View>
    </PaperProvider>
  );
};

export default App;

关键注意事项 #

• 所有需要应用Paper主题样式的组件，必须使用react-native-paper库提供的版本（如Text、Button、Card等），原生组件不会继承Paper主题的样式规则。
• 给PaperProvider明确传入theme属性后，组件会完全遵循该主题配置，不再受系统深色模式设置的影响。

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