Привет, друг. Я недавно начал разработку React Native.Я получаю ошибку при запуске кода, который указан ниже.Я установил «npm install --save response-navigation» из терминала, а затем нажал «expo run».Как я могу решить ниже ошибка.
![enter image description here](https://i.stack.imgur.com/WoAHV.png)
файл App.js
import React from 'react';
import AppNavigator from './source/helper/AppNavigator';
export default class App extends React.Component {
render() {
return (
<AppNavigator/>
);
}
}
файл AppNavigator.js
import { createStackNavigator, createAppContainer } from 'react-navigation';
import Home from './source/screens/Home';
import Login from './source/screens/login';
const AppNavigator = createStackNavigator({
Home: { screen: Home },
Login: { screen: Login},
});
export default AppNavigator;
Файл Home.js
import React from 'react';
import { StyleSheet, Text, View } from 'react-native';
export default class Home extends React.Component {
render() {
return (
<View style={styles.container}>
We have no friends!
<Button
title="Add some friends"
onPress={() =>
this.props.navigation.navigate('Login')
}
/>
</View>
);
}
}
const styles = StyleSheet.create({
container: {
flex: 1,
backgroundColor: '#fff',
alignItems: 'center',
justifyContent: 'center',
},
});
Файл login.js
import React from 'react';
import { StyleSheet, Text, View } from 'react-native';
export default class Login extends React.Component {
render() {
return (
<View style={styles.container}>
Add friends here!
<Button
title="Back to home"
onPress={() =>
this.props.navigation.navigate('Home')
}
/>
</View>
);
}
}
const styles = StyleSheet.create({
container: {
flex: 1,
backgroundColor: '#fff',
alignItems: 'center',
justifyContent: 'center',
},
});
ошибка в консоле
Unable to resolve "./source/screens/home" from "source\helper\AppNavigator.js"