![](/img/trans.png)
[英]Invariant Violation: requireNativeComponent: "RNSVGSvgViewAndroid" was not found in the UIManager in Android
[英]Expo Cli - Invariant Violation: requireNativeComponent: “RNCSafeAreaProvider” was not found in the UIManager
我在使用 expo 客户端时遇到了这个问题。 该项目正在开发 iOS 模拟器和 Android 模拟器。 但是当我在实际设备上使用 expo 应用程序时会出现问题。
我运行expo start
它给了我一个二维码来扫描,我是从我的设备上扫描的。 显示此错误。
如果我只用没有react-navigation
的家庭组件替换抽屉导航器,它就可以工作。 当我在App.tsx
中返回<Navigator />
时,问题就出现了。
import React from 'react';
import Navigator from './navigations';
import {YellowBox, View, Text, SafeAreaView} from 'react-native';
import {useFonts} from '@use-expo/font';
YellowBox.ignoreWarnings(['VirtualizedLists should never ']);
const App = () => {
let [fontsLoaded] = useFonts({
Poppins: require('./assets/fonts/Poppins-Regular.ttf'),
'Poppins-Bold': require('./assets/fonts/Poppins-Bold.ttf'),
'Poppins-Light': require('./assets/fonts/Poppins-Light.ttf'),
});
if (fontsLoaded) {
return (
<>
<Navigator />
</>
);
} else {
return (
<SafeAreaView>
<View>
<Text>Loading</Text>
</View>
</SafeAreaView>
);
}
};
export default App;
这是 package.json
"dependencies": {
"@expo/vector-icons": "^10.2.0",
"@react-native-community/masked-view": "^0.1.10",
"@react-navigation/drawer": "^5.8.2",
"@react-navigation/material-bottom-tabs": "^5.2.10",
"@react-navigation/native": "^5.5.1",
"@react-navigation/stack": "^5.5.1",
"@types/react-native-snap-carousel": "^3.8.1",
"@use-expo/font": "^2.0.0",
"babel-plugin-module-resolver": "^4.0.0",
"expo": "~37.0.3",
"expo-font": "^8.1.1",
"expo-updates": "~0.2.0",
"intl": "^1.2.5",
"react": "~16.9.0",
"react-dom": "~16.9.0",
"react-native": "~0.61.5",
"react-native-gesture-handler": "^1.6.1",
"react-native-paper": "^3.10.1",
"react-native-reanimated": "^1.9.0",
"react-native-safe-area-context": "^3.0.3",
"react-native-screens": "^2.8.0",
"react-native-snap-carousel": "^3.9.1",
"react-native-unimodules": "~0.9.0",
"react-native-web": "~0.11.7"
},
"devDependencies": {
"@babel/core": "~7.9.0",
"@types/react": "~16.9.23",
"@types/react-native": "~0.61.23",
"babel-preset-expo": "~8.1.0",
"jest-expo": "~37.0.0",
"typescript": "~3.8.3"
},
在第 2 行中,您导入
import Navigator from 'navigations';
在您的 package.json 中没有称为导航的 package。 您的想法是从 React-Navigation 导入导航。 我建议你阅读 React-Navigation 的入门页面:
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.