问题描述
这是开始出现“ Routes.js”问题的地方:
import React, {Component} from 'react';
import {Router, Stack, Scene} from 'react-native-router-flux';
export default class Routes extends Component<{}> {
render() {
return(
<Router>
<Stack key="root">
<Scene key="login" component={Login} title="Login"/>
<Scene key="register" component={Signup} title="Register"/>
</Stack>
</Router>
)
}
}
Then made changes in the "App.js" file to import from Routes
/**
* Sample React Native App
* https://github.com/facebook/react-native
*
* @format
* @flow
* @lint-ignore-every XPLATJSCOPYRIGHT1
*/
import React, {Component} from 'react';
import {
StyleSheet,
View,
StatusBar
} from 'react-native';
import Routes from './src/Routes';
export default class App extends Component<{}> {
render() {
return (
<View style={styles.container}>
<StatusBar
backgroundColor="#0086c3"
barStyle="light-content"
/>
<Routes/>
</View>
);
}
}
const styles = StyleSheet.create({
container : {
backgroundColor: '#29b6f6',
flex: 1,
alignItems: 'center',
justifyContent: 'center',
}
});
我不太确定这是怎么回事,我保存了所有文件并将其保存在热重装中,但仍然显示此错误。 我是React Native的新手,仍在学习其基础知识。
1楼
您需要先导入Login
路由,然后才能使用它。
即:
import Login from './path-to-routes/Login';