Navigator跳转，增加icon

README.md

@@ -1,7 +1,16 @@
 ## 堆糖RN项目
 
+#### 页面包括
+- 我
+- 商店
+- 发现
+- 设置
 
 
 #### 启动命令
 
-- react-native run-ios
+- react-native run-ios
+
+
+#### 特殊说明
+- 有些容器包装了navgator的原因，线上项目此处交由客户端解决

app/containers/NavExplore.js

@@ -26,8 +26,10 @@ class NavExplore extends Component {
           rightButtonTitle: '分享',
           onRightButtonPress: () => this._handleNavigationRequest(),
         }}
-        style={{flex: 1}}
-        tintColor="#008888"
+        style={{flex:1}}
+        tintColor="#333"
+        barTintColor="green"
+        titleTextColor="green"
       />
     );
   }

app/containers/NavMe.js

@@ -11,36 +11,30 @@ import { connect } from 'react-redux';
 import * as navigatorActions from '../actions/navigator';
 
 import Me from './Me';
-import NavStore from './NavStore';
+import Set from './Set';
 
 class NavMe extends Component {
   _handleNavigationRequest(nextRoute) {
-    alert('分享还没做');
-    console.log(this.props);
-
-    this.props.navigator.push(nextRoute);
+    this.refs.nav.push(nextRoute);
   }
   render() {
     const { navigatorData } = this.props;
-
     const nextRoute = {
-      title: "购物车",
-      component: NavStore,
-      rightButtonTitle: 'Cancel',
-      onRightButtonPress: () => { this.refs.nav.navigator.pop(); }
+      leftButtonTitle: '',
+      title: "设置",
+      component: Set
     };
-
-
     return (
       <NavigatorIOS
+        ref='nav'
         initialRoute={{
           component: Me,
           title: '我',
-          rightButtonTitle: '购物车',
+          rightButtonIcon: require('../image/icon_set_dark/icon_set_dark.png'),
           onRightButtonPress: () => this._handleNavigationRequest(nextRoute),
         }}
         style={{flex: 1}}
-        tintColor="#008888"
+        tintColor="#333"
       />
     );
   }

app/containers/NavStore.js

@@ -17,8 +17,11 @@ class NavStore extends Component {
         initialRoute={{
           component: Store,
           title: '堆糖商店',
+          rightButtonIcon: require('../image/icon_cart/icon_cart.png'),
+          leftButtonIcon:require('../image/icon_membership/icon_membership_for_all.png')
         }}
         style={{flex: 1}}
+        tintColor='#333'
       />
     );
   }

app/containers/Set.js

@@ -0,0 +1,37 @@
+import React, { Component } from 'react';
+import { 
+  Text,
+  View,
+  StyleSheet
+} from 'react-native';
+
+class Set extends Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+
+    }
+  }
+  _handleNextPress(nextRoute) {
+  }
+  render() {
+    return (
+      <Text style={{marginTop: 200, alignSelf: 'center'}}>
+          设置页面
+      </Text>
+    );
+  }
+}
+
+var styles = StyleSheet.create({
+  tabContent: {
+    flex: 1,
+    alignItems: 'center',
+  },
+  tabText: {
+    color: 'white',
+    margin: 50,
+  },
+});
+
+export default Set;

app/image/icon_set_dark/Contents.json

@@ -0,0 +1,22 @@
+{
+  "images" : [
+    {
+      "idiom" : "universal",
+      "scale" : "1x"
+    },
+    {
+      "idiom" : "universal",
+      "scale" : "2x",
+      "filename" : "icon_set_dark@2x.png"
+    },
+    {
+      "idiom" : "universal",
+      "scale" : "3x",
+      "filename" : "icon_set_dark@3x.png"
+    }
+  ],
+  "info" : {
+    "version" : 1,
+    "author" : "xcode"
+  }
+}