在纯React Native项目中启用黑暗主题

，可以通过以下步骤实现：

首先，确保你的React Native项目已经安装了相关的依赖库。可以使用以下命令安装依赖：

npm install react-native-appearance

在你的入口文件（通常是App.js）中，引入相关的库和组件：

import { Appearance, AppearanceProvider, useColorScheme } from 'react-native-appearance';
import { StatusBar } from 'react-native';

在你的入口组件外部包裹一个AppearanceProvider组件，以便在整个应用中使用黑暗主题：

export default function App() {
  return (
    <AppearanceProvider>
      <MainApp />
    </AppearanceProvider>
  );
}

在你的主应用组件中，使用useColorScheme钩子来获取当前的主题模式（浅色或黑暗）：

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

  // 根据colorScheme的值来设置不同的样式
  const backgroundColor = colorScheme === 'dark' ? '#000000' : '#ffffff';
  const textColor = colorScheme === 'dark' ? '#ffffff' : '#000000';

  return (
    <>
      <StatusBar barStyle={colorScheme === 'dark' ? 'light-content' : 'dark-content'} />
      <View style={{ flex: 1, backgroundColor }}>
        <Text style={{ color: textColor }}>Hello, World!</Text>
      </View>
    </>
  );
}

在上述代码中，我们根据colorScheme的值来设置不同的背景颜色和文本颜色。同时，我们还使用StatusBar组件来根据主题模式设置状态栏的样式。