导入react-navigation和native-base时出错-Java 学习之路

当我 import stacknavigator from react-navigation 或来自 native-base 的listitem时，我是新手 .

在世博会上创建了新项目 .
npm install --save react-navigation .
npm安装 .
npm start 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;`

2 回答

0
在使用 npm install 安装新软件包后，使用react-native，必须运行 react-native link 来更新node-modules文件夹 . 然后，如果使用android，如果需要，你可以运行：
```
cd android && gradlew clean
cd .. & react-native run-android
```
此外，您的代码在导入中会出现一些语法错误 . 修复 ; 在结束行和 { 在行 3 .
回复于 2024-05-07T12:07:25+08:00
0

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

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

回复于 2024-05-07T12:07:25+08:00

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

2 回答

相关问题