导入反应导航和本机库时出错

Question

当我import stacknavigator from react-navigation或native-base listitem import stacknavigator from react-navigation时，我是个新手。

1. 在博览会上创建了新项目。
2. npm install --save react-navigation。
3. npm安装。
4. npm开始enter code here

我不断收到此错误，尝试从GitHub存储库发行号4968解决该问题，但这没有帮助，请您能帮忙吗？ 无法解析反应导航，模块映射中不存在该模块

 App.js {import React from 'react'; import { StyleSheet, Text, View } from 'react-native'; import {StackNavigator} from 'react-navigation' import LoginScreen from './Screens/LoginScreen' import HomeScreen from './Screens/HomeScreen' export default class App extends React.Component { render() { return ( <AppNavigator/> ); } } const AppNavigator = StackNavigator({ LoginScreen : {screen : LoginScreen}, HomeScreen : {screen : HomeScreen} }) const styles = StyleSheet.create({ container: { flex: 1, backgroundColor: '#fff', alignItems: 'center', justifyContent: 'center', }, });` LoginScreen.js ` import React from 'react'; import { StyleSheet, Text, View } from 'react-native'; export default class LoginScreen extends React.Component { render() { return ( <View> <Text> This is login Screen </Text> </View> ); } } export default LoginScreen;` 

Answer 1

使用react-native，在使用npm install新软件包之后，必须运行react-native link来更新您的node-modules文件夹。 然后，如果使用android（如果需要），则可以运行：

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

另外，您的代码在导入时也会出现一些语法错误。 解决; 在最后一行， {在第3行。

Answer 2

检查NativeBase文档。 RN，Expo和Web应用程序的安装已明确记录。

另请查看https://reactnativeseed.com/以获取工作示例