导入 react-navigation & native-base 时出错

Question

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

在世博会上创建了新项目。
npm 安装 --save react-navigation 。
npm 安装。
npm 开始enter code here

我不断收到此错误，尝试了 GitHub 回购问题编号 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;`

Answer 1

使用 react-native，在使用 npm install 安装新包后，您必须运行 react-native link 更新节点模块文件夹。然后，如果使用 android 并且需要它，您可以运行:

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

此外，您的代码在导入中存在一些语法错误。修复结尾行中的 ; 和 3.

行中的 {

Answer 2

检查 NativeBase 文档。 RN、Expo 和 web 应用程序的安装都有清楚的记录。

同时检查 https://reactnativeseed.com/ 以获取工作示例

导入 react-navigation & native-base 时出错

Error while importing react-navigation & native-base

reactjs

react-native

native-base

react-navigation

stack-navigator