push test

app/tabBar/reducer.js

@@ -5,11 +5,11 @@ import findRouteIndexByName from '../helperFunctions/findRouteIndexByName'
 
 const defaultState = {
   index:0,
-  routes: routeStack
+  routes: routeStack,
 }
 const reducer = (state=defaultState,action) => {
   switch (action.type) {
-    case 'Navigate':
+    case 'Navigation/NAVIGATE':
       var index = findRouteIndexByName(routeStack,action.routeName)
       if (  index !== -1 ) {
         return { ...state, index: index }
@@ -18,14 +18,9 @@ const reducer = (state=defaultState,action) => {
       }
       break;
 
-    case 'Back':
-     if (action.key === 'TabBarBack') {
-       var currentIndex = state.index
-       return { ...state, index: currentIndex - 1 }
-     } else {
-       return state
-     }
-
+    case 'Navigation/BACK':
+     var currentIndex = state.index
+     return { ...state, index: currentIndex - 1 }
       break;
   }
   return state

app/tabBar/views/TabBarNavigation.js

@@ -1,7 +1,7 @@
 'use strict'
 // React
 import React from 'react'
-import { BackAndroid } from 'react-native'
+import { BackAndroid, View } from 'react-native'
 // Navigation
 import { TabNavigator, addNavigationHelpers } from 'react-navigation'
 import { routeConfiguration, tabBarConfiguration } from '../navigationConfiguration'
@@ -10,7 +10,10 @@ import { connect } from 'react-redux'
 const TabBar = TabNavigator(routeConfiguration,tabBarConfiguration)
 const mapStateToProps = (state) => {
  return {
-  navigationState: state.tabBar
+  navigationState: state.tabBar,
+  // tabOneIndex: state.tabOne.index,
+  // tabTwoIndex: state.tabTwo.index,
+  // tabThreeIndex: state.tabThree.index,
   }
 }
 const mapDispatchToProps = (dispatch) => {
@@ -27,26 +30,34 @@ class TabBarNavigation extends React.Component {
   }
 
   handleBackAction = () => {
-    if (this.props.navigationState.index === 0) {
-      return false
-    } else {
-      this.navigator.props.navigation.goBack('TabBarBack')
-      return true
-    }
+    // const { navigationState: {index: tabIndex}, tabOneIndex, tabTwoIndex, tabThreeIndex } = this.props
+    //
+    // const tabIndexArray = [ tabOneIndex, tabTwoIndex, tabThreeIndex ]
+    //
+    // if ( tabIndex === 0 && tabIndexArray[tabIndex] === 0) {
+    //   return false
+    // } else if ( tabIndexArray[tabIndex] === 0 ) {
+    //   this.navigator.props.navigation.goBack()
+    //   return true
+    // } else {
+    //   return true
+    // }
   }
 
   render(){
     const { dispatch, navigationState } = this.props
     return (
-      <TabBar
-        ref={ (ref) =>  this.navigator = ref  }
-        navigation={
-          addNavigationHelpers({
-            dispatch: dispatch,
-            state: navigationState,
-          })
-        }
-      />
+      <View style={{flex:1}}>
+        <TabBar
+          ref={ (ref) =>  this.navigator = ref  }
+          navigation={
+            addNavigationHelpers({
+              dispatch: dispatch,
+              state: navigationState,
+            })
+          }
+        />
+      </View>
     )
   }
 }

app/tabOne/views/TabOneNavigation.js

@@ -13,7 +13,7 @@ import { connect } from 'react-redux'
 // Icon
 import Icon from 'react-native-vector-icons/FontAwesome'
 
-const Navigator = StackNavigator(routeConfiguration,stackNavigatorConfiguration)
+const NavigatorTabOne = StackNavigator(routeConfiguration,stackNavigatorConfiguration)
 
 const mapStateToProps = (state) => {
  return {
@@ -36,7 +36,7 @@ class TabOneNavigation extends React.Component {
   render(){
     const { dispatch, navigationState} = this.props
     return (
-      <Navigator
+      <NavigatorTabOne
         navigation={
           addNavigationHelpers({
             dispatch: dispatch,

app/tabOne/views/TabOneScreenOne.js

@@ -1,6 +1,6 @@
 'use strict'
 import React from 'react'
-import { View, Text } from 'react-native'
+import { View, Text, TouchableOpacity } from 'react-native'
 export default class TabOneScreenOne extends React.Component {
   render(){
     return(
@@ -10,6 +10,14 @@ export default class TabOneScreenOne extends React.Component {
         alignItems:'center',
         justifyContent:'center'
       }}>
+        <TouchableOpacity
+          onPress={ () => console.log('pressed!') }
+          style={{
+            padding:20,
+            backgroundColor:'yellow'
+          }}>
+          <Text>{ 'Hi' }</Text>
+        </TouchableOpacity>
         <Text>{ 'Tab One Screen One' }</Text>
       </View>
     )

app/tabThree/reducer.js

@@ -1,12 +1,22 @@
 'use strict'
 import { routeStack } from './navigationConfiguration'
+import findRouteIndexByName from '../helperFunctions/findRouteIndexByName'
 const defaultState = {
   index: 0,
   previousIndex:0,
   routes: routeStack
 }
 const reducer = (state=defaultState,action) => {
   switch (action.type) {
+    case 'Navigation/NAVIGATE':
+      var newIndex = findRouteIndexByName(routeStack,action.routeName)
+      if (  newIndex !== -1 ) {
+        var previousIndex = state.index
+        return { ...state, index: newIndex, previousIndex: previousIndex }
+      } else {
+        return state
+      }
+      break;
   }
   return state
 }

app/tabThree/views/TabThreeNavigation.js

@@ -6,7 +6,7 @@ import { StackNavigator, addNavigationHelpers } from 'react-navigation'
 import { routeConfiguration, stackNavigatorConfiguration } from '../navigationConfiguration'
 //Redux
 import { connect } from 'react-redux'
-const Navigator = StackNavigator(routeConfiguration,stackNavigatorConfiguration)
+const NavigatorTabThree = StackNavigator(routeConfiguration,stackNavigatorConfiguration)
 const mapStateToProps = (state) => {
  return {
   navigationState: state.tabThree
@@ -19,7 +19,7 @@ class TabThreeNavigation extends React.Component {
 render(){
     const { dispatch, navigationState} = this.props
 return (
-      <Navigator
+      <NavigatorTabThree
         navigation={addNavigationHelpers({
           dispatch: dispatch,
           state: navigationState

app/tabThree/views/TabThreeScreenOne.js

@@ -1,6 +1,6 @@
 'use strict'
 import React from 'react'
-import { View, Text } from 'react-native'
+import { View, Text, TouchableOpacity, TouchableHighlight } from 'react-native'
 export default class TabThreeScreenOne extends React.Component {
   render(){
     return(
@@ -10,6 +10,33 @@ export default class TabThreeScreenOne extends React.Component {
         alignItems:'center',
         justifyContent:'center'
       }}>
+        <TouchableHighlight
+          onPress={ () => console.log('hi') }
+          style={{
+          padding:30,
+          backgroundColor:'deeppink'
+        }}>
+          <Text>
+            {'TouchableHighlight'}
+          </Text>
+        </TouchableHighlight>
+
+        <TouchableOpacity
+          onPress={
+            () => {
+              console.log('hi, new screen please')
+              // this.props.navigation.navigate('TabThreeScreenTwo')
+            }
+          }
+          style={{
+            padding:20,
+            backgroundColor:'red',
+            borderRadius:20,
+            marginBottom:50,
+            zIndex:99
+          }}>
+          <Text>{' Go to Screen Two '}</Text>
+        </TouchableOpacity>
         <Text>{ 'Tab Three Screen One' }</Text>
       </View>
     )

app/tabTwo/views/TabTwoNavigation.js

@@ -6,7 +6,7 @@ import { StackNavigator, addNavigationHelpers } from 'react-navigation'
 import { routeConfiguration, stackNavigatorConfiguration } from '../navigationConfiguration'
 //Redux
 import { connect } from 'react-redux'
-const Navigator = StackNavigator(routeConfiguration,stackNavigatorConfiguration)
+const NavigatorTabTwo = StackNavigator(routeConfiguration,stackNavigatorConfiguration)
 const mapStateToProps = (state) => {
  return {
   navigationState: state.tabTwo
@@ -19,7 +19,7 @@ class TabTwoNavigation extends React.Component {
 render(){
     const { dispatch, navigationState} = this.props
 return (
-      <Navigator
+      <NavigatorTabTwo
         navigation={
           addNavigationHelpers({
             dispatch: dispatch,

package.json

@@ -10,7 +10,7 @@
     "react": "15.4.2",
     "react-native": "0.41.0",
     "react-native-vector-icons": "^4.0.0",
-    "react-navigation": "^1.0.0-beta.1",
+    "react-navigation": "https://github.com/react-community/react-navigation/tarball/master",
     "react-redux": "^5.0.2",
     "redux": "^3.6.0",
     "redux-logger": "^2.8.1"