-
Notifications
You must be signed in to change notification settings - Fork 0
/
App.js
37 lines (31 loc) · 758 Bytes
/
App.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
import { StyleSheet, Text, View } from "react-native";
import { Router, Route, Link } from "./react-router";
const Home = () => <Text>Home</Text>;
const About = () => <Text>About</Text>;
const App = () => (
<Router>
<View style={styles.container}>
<View style={styles.nav}>
<Link to="/">
<Text>Home</Text>
</Link>
<Link to="/about">
<Text>About</Text>
</Link>
</View>
<Route exact path="/" component={Home} />
<Route path="/about" component={About} />
</View>
</Router>
);
const styles = StyleSheet.create({
container: {
marginTop: 25,
padding: 10,
},
nav: {
flexDirection: "row",
justifyContent: "space-around",
},
});
export default App;