React Native导航报错：RNSScreenStackHeaderConfig未在UIManager中找到

错误1：Invariant Violation: requireNativeComponent: "RNSScreenStackHeaderConfig" was not found in the UIManager #

原因 #

RNSScreenStackHeaderConfig是react-native-screens提供的原生组件，错误源于该库的原生模块未正确链接或初始化。

解决方案 #

• 补全依赖安装：

  npm install react-native-screens react-native-safe-area-context
  # 或使用yarn
  yarn add react-native-screens react-native-safe-area-context
  

• 在项目入口文件（index.js/App.js）顶部添加初始化代码：

  import { enableScreens } from 'react-native-screens';
  enableScreens();
  

• 清理Android构建缓存并重新运行：

  cd android && ./gradlew clean && cd ..
  npx react-native run-android
  

• 清除React Native缓存：

  npx react-native start --reset-cache
  

错误2：ReferenceError: Property 'Text' doesn't exist #

原因 #

错误定位在ManageExpenses组件，说明组件内使用了Text但未从react-native导入。

解决方案 #

• 打开ManageExpenses组件文件，确保顶部正确导入Text：

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

• 检查组件内所有Text使用场景，排查拼写错误或未导入直接使用的情况。

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