Merge pull request #22 from ekonstantinidis/android-back-button

[Android] Fix back button (hardware)

Author: ekonstantinidis

App/AppContainer.js

@@ -2,6 +2,7 @@ import React, { Component } from 'react'; // eslint-disable-line no-unused-vars
 import { connect } from 'react-redux';
 
 import {
+  BackAndroid,
   Navigator,
   StyleSheet
 } from 'react-native';
@@ -22,7 +23,26 @@ const styles = StyleSheet.create({
 });
 
 class AppContainer extends Component {
+
+  constructor(props) {
+    super(props);
+
+    this.navigator;
+  }
+
+  componentWillMount() {
+    BackAndroid.addEventListener('hardwareBackPress', () => {
+      if (this.navigator && this.navigator.getCurrentRoutes().length > 1) {
+        this.navigator.pop();
+        return true;
+      }
+      return false;
+    });
+  }
+
   renderScene(route, navigator) {
+    this.navigator = navigator;
+
     return (
       <SceneContainer
         title={route.title}
@@ -53,7 +73,7 @@ class AppContainer extends Component {
     return (
       <Navigator
         initialRoute={initialRoute}
-        renderScene={this.renderScene}
+        renderScene={this.renderScene.bind(this)}
         navigationBar={<NavigationBar style={styles.navbar} routeMapper={RouteMapper} />} />
     );
   }

App/Routes/SettingsView.js

@@ -3,6 +3,7 @@ import { connect } from 'react-redux';
 
 import {
   Linking,
+  Platform,
   StyleSheet,
   Text,
   TouchableHighlight,
@@ -44,6 +45,8 @@ class SettingsView extends Component {
   }
 
   render() {
+    const availableOn = (Platform.OS === 'ios') ? 'OSX, iOS' : 'OSX, iOS and Android';
+
     return (
       <View style={styles.container}>
         <View style={styles.settingsWrapper}>
@@ -72,7 +75,7 @@ class SettingsView extends Component {
           <Text style={styles.footerText}>www.gitify.io</Text>
         </TouchableHighlight>
 
-        <Text style={styles.footerText}>Available on OSX, iOS and Android.</Text>
+        <Text style={styles.footerText}>Available on {availableOn}.</Text>
         <Text style={styles.footerText}>Made with ❤ in Brighton.</Text>
         <Text style={styles.footerText}>Copyright (c) 2016 Emmanouil Konstantinidis</Text>
       </View>