reactjs - '不变违规:requireNativeComponent:在 UIManager 中找不到“RNSScreen”。' 反应本机cli错误
问题描述
我不断收到 RNSScreen 错误。我已按照 react-navigation guide 上的所有说明进行操作,但对我没有任何帮助。
解决方案
看起来本机包没有自动链接。所以试试这个
注意:在您的情况下,它可以
'../'
代替,'../../../'
因为我使用的是 Monorepo。
播客文件
pod 'RNScreens', :path => '../../../node_modules/react-native-screens/'
pod 'RNGestureHandler', :path => '../../../node_modules/react-native-gesture-handler/'
pod 'react-native-safe-area-context', :path => '../../../node_modules/react-native-safe-area-context/'
然后安装 pod
yarn podinstall
然后终止已经运行的 MetroBundler 终端。并且,再次构建应用程序
yarn ios
工作示例
/**
* @format
*/
import 'react-native-gesture-handler';
import {AppRegistry} from 'react-native';
import SplashScreen from '../common/src/containers/splashScreen';
import LoginScreen from '../common/src/containers/loginScreen';
import LoginOTPScreen from '../common/src/containers/loginOTPScreen';
import SearchScreen from './src/searchScreen';
import React from 'react';
import {name as appName, displayName} from './app.json';
import {Provider as PaperProvider} from 'react-native-paper';
import {NavigationContainer} from '@react-navigation/native';
import {createStackNavigator} from '@react-navigation/stack';
import {enableScreens} from 'react-native-screens';
enableScreens();
const Stack = createStackNavigator();
const App = () => {
return (
<PaperProvider>
<NavigationContainer>
<Stack.Navigator initialRouteName="SplashScreen">
<Stack.Screen name="SplashScreen" component={SplashScreen} />
<Stack.Screen name="LoginScreen" component={LoginScreen} />
<Stack.Screen name="LoginOTPScreen" component={LoginOTPScreen} />
<Stack.Screen name="SearchScreen" component={SearchScreen} />
</Stack.Navigator>
</NavigationContainer>
</PaperProvider>
);
};
AppRegistry.registerComponent(appName, () => App);
确保
import 'react-native-gesture-handler';
是顶部
推荐阅读
- mobile - 如何在flutter离线时向firestore集合添加新字段?
- ios - 使应用程序中的每个按钮都符合子类
- wordpress - 不同的 WordPress 首页注销和登录用户,不包括管理员
- reactjs - 如何使用基于 JWT 的本地存储登录来响应 Facebook 和 Google 登录选项?
- html - 我怎样才能让这颗星只有一个元素
- postgresql - 如何显示 PostgreSQL/PLPGSQL 错误详细信息
- java - 如何在 JOGL 中静态使用 GL-Object?
- c++ - C++ MPI,使用多节点,先在节点级reduce,再reduce到头节点
- javascript - ES6 中的多级对象解构
- javascript - 无法使用 Flask 将我的 JavaScript 片段移动到外部文件