导入react-navigation&时出错天然基

时间:2018-04-14 11:21:11

标签: reactjs react-native react-navigation native-base stack-navigator

我是新来的import stacknavigator from react-navigation或来自native-base的列表项。

  1. 在世博会上创建了新项目。
  2. npm install --save react-navigation。
  3. npm install。
  4. npm start enter code here
  5. 我不断收到此错误,尝试了GitHub repo问题编号4968的解决方案,但这没有用,你能帮忙吗? unable to resolve react-navigation, module doesn't exist in module map

    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;`

2 个答案:

答案 0 :(得分:0)

使用react-native,在使用npm install安装新软件包后,必须运行react-native link来更新node-modules文件夹。 然后,如果使用android,如果需要,你可以运行:

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

此外,您的代码在导入中会出现一些语法错误。修复; 在结束行中 {在第 3行

答案 1 :(得分:0)

检查NativeBase文档。 RN,Expo和Web应用程序的安装记录清楚。

同时检查https://reactnativeseed.com/是否有工作示例