45 lines
1012 B
JavaScript
45 lines
1012 B
JavaScript
import React from 'react';
|
|
import {
|
|
StyleSheet,
|
|
View,
|
|
} from 'react-native';
|
|
import { Navigator } from 'react-native-deprecated-custom-components';
|
|
|
|
import Page1 from './Page1';
|
|
import Page2 from './Page2';
|
|
import Page404 from './Page2';
|
|
|
|
const INITIAL_ROUTE = { id: 'page1' };
|
|
|
|
class Navigation extends React.PureComponent {
|
|
|
|
render() {
|
|
return (
|
|
<View style={styles.main}>
|
|
<Navigator
|
|
ref={ (component) => global.appNavigator = component }
|
|
initialRoute={ INITIAL_ROUTE }
|
|
renderScene={ this.renderScene }
|
|
/>
|
|
</View>
|
|
)
|
|
}
|
|
|
|
renderScene(route) {
|
|
console.log('renderScene', route);
|
|
switch (route.id) {
|
|
case 'page1': return <Page1/>;
|
|
case 'page2': return <Page2/>;
|
|
default: return <Page404/>;
|
|
}
|
|
}
|
|
}
|
|
|
|
const styles = StyleSheet.create({
|
|
main: {
|
|
flex: 1,
|
|
},
|
|
});
|
|
|
|
export default Navigation;
|