add wrapper

app/app.js

@@ -0,0 +1,23 @@
+/**
+ * Created by jiangyh on 17-3-28.
+ */
+import React, { Component } from 'react';
+
+import {
+  View,
+} from 'react-native';
+
+import Wrapper from './components/wrapper';
+import { StackNavigator } from 'react-navigation';
+
+const AppNavigator = StackNavigator({
+  Index: {
+    screen: Wrapper,
+  }
+}, {
+  initialRouteName: 'Index',
+  headerMode: 'none',
+  mode: 'card',
+});
+
+export default () => <AppNavigator/>;

app/components/wrapper.js

@@ -0,0 +1,23 @@
+/**
+ * Created by jiangyh on 17-3-28.
+ */
+import React, { Component } from 'react';
+
+import {
+  View,
+  Text,
+} from 'react-native';
+
+export default class Wrapper extends Component {
+  constructor(props) {
+    super(props);
+  }
+
+  render() {
+    return (
+      <View>
+        <Text>wrapper</Text>
+      </View>
+    )
+  }
+}

index.android.js

@@ -12,24 +12,7 @@ import {
   View
 } from 'react-native';
 
-export default class anjuke_react_native extends Component {
-  render() {
-    return (
-      <View style={styles.container}>
-        <Text style={styles.welcome}>
-          Welcome to React Native!
-        </Text>
-        <Text style={styles.instructions}>
-          To get started, edit index.android.js
-        </Text>
-        <Text style={styles.instructions}>
-          Double tap R on your keyboard to reload,{'\n'}
-          Shake or press menu button for dev menu
-        </Text>
-      </View>
-    );
-  }
-}
+import AppNavigation from './app/app';
 
 const styles = StyleSheet.create({
   container: {
@@ -50,4 +33,4 @@ const styles = StyleSheet.create({
   },
 });
 
-AppRegistry.registerComponent('anjuke_react_native', () => anjuke_react_native);
+AppRegistry.registerComponent('anjuke_react_native', () => AppNavigation);

package.json

@@ -1,22 +1,23 @@
 {
-	"name": "anjuke_react_native",
-	"version": "0.0.1",
-	"private": true,
-	"scripts": {
-		"start": "node node_modules/react-native/local-cli/cli.js start",
-		"test": "jest"
-	},
-	"dependencies": {
-		"react": "~15.4.1",
-		"react-native": "0.42.3"
-	},
-	"devDependencies": {
-		"babel-jest": "19.0.0",
-		"babel-preset-react-native": "1.9.1",
-		"jest": "19.0.2",
-		"react-test-renderer": "~15.4.1"
-	},
-	"jest": {
-		"preset": "react-native"
-	}
-}
+  "name": "anjuke_react_native",
+  "version": "0.0.1",
+  "private": true,
+  "scripts": {
+    "start": "node node_modules/react-native/local-cli/cli.js start",
+    "test": "jest"
+  },
+  "dependencies": {
+    "react": "~15.4.1",
+    "react-native": "0.42.3",
+    "react-navigation": "^1.0.0-beta.7"
+  },
+  "devDependencies": {
+    "babel-jest": "19.0.0",
+    "babel-preset-react-native": "1.9.1",
+    "jest": "19.0.2",
+    "react-test-renderer": "~15.4.1"
+  },
+  "jest": {
+    "preset": "react-native"
+  }
+}