tab press

Author: Liqiankun

App.js

@@ -48,7 +48,7 @@ const middlewareConfig = {
     }
 }
 
-const store = createStore(reducers, applyMiddleware(axiosMiddleware(client, middlewareConfig), logger))
+export const store = createStore(reducers, applyMiddleware(axiosMiddleware(client, middlewareConfig), logger))
 
 console.disableYellowBox = true
 

src/pages/Launch/index.js

@@ -21,7 +21,7 @@ class Launch extends Component {
                         title='跳过'
                         buttonStyle={styles.launchButton}
                         onPress={() => {
-                            this.props.switch()
+                            this.props.switchStack()
                         }}
                     />
                 </ImageBackground>
@@ -32,5 +32,5 @@ class Launch extends Component {
 
 
 export default connect(undefined, {
-    switch: changeStack
+    switchStack: changeStack
 })(Launch)

src/pages/Profile/index.js

@@ -14,13 +14,13 @@ class Profile extends Component {
                 <DLButton
                     buttonStyle={styles.logoutButton}
                     title='Log out'
-                    onPress={() => this.props.switch()}
+                    onPress={() => this.props.switchStack()}
                 />
             </View>
         )
     }
 }
 
 export default connect(undefined, {
-    switch: changeStack
+    switchStack: changeStack
 })(Profile)

src/routes/index.js

@@ -15,6 +15,8 @@ import LaunchPage from '../pages/Launch'
 import BadgeItem from '../components/BadgeTabbarItem'
 
 import styles from '../styles'
+import { store } from '../../App'
+import { changeStack } from '../store/actions/login'
 
 function _renderTabbarIcon(icon) {
   return <Image source={icon} style={styles.tabBarIcon} />
@@ -82,12 +84,29 @@ const TabBarStack = () => (
       tabBarIcon: ({ focused }) => tabarIcons[route.name].render(focused),
     })}
   >
-    <Tab.Screen name="Home" component={HomeStack} options={({ route }) => ({
-      tabBarLabel: '首页',
-      tabBarVisible: route.state && route.state.index === 0
-    })} />
-    <Tab.Screen name="Message" component={MessageStack} options={{ tabBarLabel: '信息' }} />
-    <Tab.Screen name="Profile" component={ProfilePage} options={{ tabBarLabel: '我的' }} />
+    <Tab.Screen name="Home"
+      component={HomeStack}
+      options={({ route }) => ({
+        tabBarLabel: '首页',
+        tabBarVisible: route.state && route.state.index === 0
+      })}
+    />
+    <Tab.Screen
+      name="Message"
+      component={MessageStack}
+      options={{ tabBarLabel: '信息' }}
+    />
+    <Tab.Screen
+      name="Profile"
+      component={ProfilePage}
+      options={{ tabBarLabel: '我的' }}
+      listeners={{
+        tabPress: e => {
+          store.dispatch(changeStack())
+          e.preventDefault()
+        }
+      }}
+    />
   </Tab.Navigator>
 )
 
@@ -105,10 +124,10 @@ const AppStack = ({ isLaunching }) => (
   </Stack.Navigator>
 )
 
-const SwitchStack = ({ isLaunching }) => {
+const SwitchStack = ({ isLaunching, switchStack }) => {
   return (
     <NavigationContainer>
-      <AppStack isLaunching={isLaunching} />
+      <AppStack isLaunching={isLaunching} switchStack={switchStack} />
     </NavigationContainer>
   )
 }