Invariant Violation: requireNativeComponent: "RNSScreenStackHeaderConfig" was not found in the UIManager.
原因:RN项目中,开发服务器端已经使用npm i下载了某个模块,但是只有服务器端有,该模块并没有打包安装到手机中,导致手机中的App运行时“界面管理器”找不到可用的组件。
解决办法:
首先确保安装的版本
React最新版: 18.x
React-Router-DOM最新版:V6.4
React Native最新版:V0..70.6
React-Navigation最新版:V6.x
npm i @react-navigation/native
npm i react-native-screens
npm i react-native-safe-area-context
npm i @react-navigation/native-stack
删除app-debug.apk文件,然后删除真机上的调试包,关掉node窗口,
npx react-native run-android,就可以啦
底部导航的全部代码app.tsx
import React from 'react';
import {StyleSheet,Text,View,
} from 'react-native';
import { NavigationContainer } from '@react-navigation/native';
import { createNativeStackNavigator } from '@react-navigation/native-stack';const Stack = createNativeStackNavigator();const HomeScreen = () => {return (首页 )
}
const MyScreen = () => {return (我的 )
}
const App = () => {return ( );
};
const styles = StyleSheet.create({});export default App;