update

Author: CodeRabbitYu

Test/App.js

@@ -11,6 +11,9 @@ import {
 
 import React from 'react';
 
+import CardStackStyleInterpolator from 'react-navigation/src/views/CardStackStyleInterpolator';
+
+
 import {
     Image,
     StyleSheet,
@@ -34,6 +37,8 @@ const MainIcon = require('../resources/Main.png');
  * 3、Test3是通过封装navigationOptions实现Tabbar和导航的
  */
 
+
+
 const MyTab = TabNavigator({
     Test1: {
         screen: Test1,
@@ -122,6 +127,8 @@ const MyTab = TabNavigator({
 
 });
 
+
+
 // 初始化StackNavigator
 const MyNav = StackNavigator({
     // 将TabNavigator包裹在StackNavigator里面可以保证跳转页面的时候隐藏tabbar
@@ -134,7 +141,10 @@ const MyNav = StackNavigator({
     },
     Detail2:{
         screen:Detail2,
-    }
+    },
+
+},{
+
 });
 
 const TabOptions = (tabBarTitle,normalImage,selectedImage,navTitle) => {

Test/Detail3.js

@@ -0,0 +1,49 @@
+/**
+ * Created by Rabbit on 2017/7/12.
+ */
+
+import React, { Component } from 'react';
+import {
+    AppRegistry,
+    StyleSheet,
+    Text,
+    View
+} from 'react-native';
+
+export default class Detail3 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>
+        );
+    }
+}
+
+const styles = StyleSheet.create({
+    container: {
+        flex: 1,
+        justifyContent: 'center',
+        alignItems: 'center',
+        backgroundColor: '#F5FCFF',
+    },
+    welcome: {
+        fontSize: 20,
+        textAlign: 'center',
+        margin: 10,
+    },
+    instructions: {
+        textAlign: 'center',
+        color: '#333333',
+        marginBottom: 5,
+    },
+});

Test/Test2.js

@@ -23,6 +23,9 @@ export default class Test2 extends Component {
         headerTitle:navigation.state.params?navigation.state.params.headerTitle:'Test2',
         tabBarLabel:navigation.state.params?navigation.state.params.tabBarLabel:'Test2',
         tabBarIcon: (({tintColor,focused}) => {
+            if(focused){
+                // 做操作
+            }
             return(
                 <Image
                     // 可以用过判断focused来修改选中图片和默认图片