Removed left button in navigator and actived Android back button.

cojj90 · Oct 25, 2016 · 8d7cce0 · 8d7cce0
1 parent fef73e8
commit 8d7cce0
Showing 1 changed file with 31 additions and 13 deletions.
diff --git a/src/container/App.js b/src/container/App.js
@@ -6,11 +6,13 @@ import {
   StyleSheet,
   TouchableOpacity,
   TouchableHighlight,
-  PixelRatio,
+  BackAndroid,
 } from 'react-native';
 
 import Map from '../component/Map';
 
+let navigator;
+
 class NavigationBar extends Navigator.NavigationBar {
   render() {
     var routes = this.props.navState.routeStack;
@@ -34,23 +36,38 @@ export default class App extends React.Component{
 
   routeMapper = {
     LeftButton: (route, navigator, index, navState) =>
-      {
-        if(route.index > 0) {
-          return <TouchableOpacity
-            underlayColor='transparent'
-            onPress={() => {if (index > 0) {navigator.pop()}}}>
-            <Text style={styles.navBackBtn}> Back </Text>
-          </TouchableOpacity>;
-        }else{
-          return null;
-        }
-      },
+      // {
+      //   if(route.index > 0) {
+      //     return <TouchableOpacity
+      //       underlayColor='transparent'
+      //       onPress={() => {if (index > 0) {navigator.pop()}}}>
+      //       <Text style={styles.navBackBtn}> Back </Text>
+      //     </TouchableOpacity>;
+      //   }else{
+      //     return null;
+      //   }
+      // },
+      { return null; },
     RightButton: (route, navigator, index, navState) =>
       { return null; },
     Title: (route, navigator, index, navState) =>
-      { return (<Text style={styles.navTitle}>{route.title}</Text>); },
+      {
+        return (
+           <Text style={styles.navTitle}>{route.title}</Text>
+        );
+      },
   };
 
+  componentDidMount() {
+    BackAndroid.addEventListener('hardwareBackPress', () => {
+      if (navigator && navigator.getCurrentRoutes().length > 0) {
+          navigator.pop();
+          return true;
+      }
+      return false;
+    });
+  }
+
   render(){
     return (
       <Navigator
@@ -60,6 +77,7 @@ export default class App extends React.Component{
           display: true,
           component: Map,
         }}
+        ref={(nav) => { navigator = nav; }}
         configureScene={this.configureScene}
         renderScene={(route, navigator) => {
           return <route.component