Setting up Android's back button to go back to the main screen instea…

…d of leaving the app.
vitorpamplona · Mar 20, 2020 · 3f755c3 · 3f755c3
1 parent dc0dd3b
commit 3f755c3
Show file tree

Hide file tree

Showing 3 changed files with 39 additions and 8 deletions.
diff --git a/app/views/Export.js b/app/views/Export.js
@@ -10,7 +10,7 @@ import {
     Text,
     Image,
     Dimensions,
-    TouchableOpacity
+    TouchableOpacity,BackHandler
 } from 'react-native';
 
 import colors from "../constants/colors";
@@ -68,6 +68,19 @@ class ExportScreen extends Component {
         this.props.navigation.navigate('LocationTrackingScreen', {})
     }
 
+    handleBackPress = () => {     
+        this.props.navigation.navigate('LocationTrackingScreen', {});
+        return true;   
+    };  
+
+    componentDidMount() {
+        BackHandler.addEventListener("hardwareBackPress", this.handleBackPress); 
+    }
+
+    componentWillUnmount() { 
+        BackHandler.removeEventListener("hardwareBackPress", this.handleBackPress); 
+    }
+
     render() {
 
         return (

diff --git a/app/views/Import.js b/app/views/Import.js
@@ -9,7 +9,7 @@ import {
     View,
     Text,
     Image,
-    TouchableOpacity
+    TouchableOpacity,BackHandler
 } from 'react-native';
 
 import colors from "../constants/colors";
@@ -28,16 +28,22 @@ class ImportScreen extends Component {
         SearchAndImport();
     }
 
-    componentDidMount() {
-
+    backToMain() {
+        this.props.navigation.navigate('LocationTrackingScreen', {})
     }
 
-    componentWillUnmount() { }
+    handleBackPress = () => {     
+        this.props.navigation.navigate('LocationTrackingScreen', {});
+        return true;   
+    };  
 
-    backToMain() {
-        this.props.navigation.navigate('LocationTrackingScreen', {})
+    componentDidMount() {
+        BackHandler.addEventListener("hardwareBackPress", this.handleBackPress); 
     }
 
+    componentWillUnmount() { 
+        BackHandler.removeEventListener("hardwareBackPress", this.handleBackPress); 
+    }
 
     render() {
         return (

diff --git a/app/views/News.js b/app/views/News.js
@@ -8,7 +8,7 @@ import {
     Image,
     View,
     Text,
-    TouchableOpacity
+    TouchableOpacity,BackHandler
 } from 'react-native';
 
 import colors from "../constants/colors";
@@ -27,6 +27,18 @@ class NewsScreen extends Component {
         this.props.navigation.navigate('LocationTrackingScreen', {})
     }
 
+    handleBackPress = () => {     
+        this.props.navigation.navigate('LocationTrackingScreen', {});
+        return true;   
+    };  
+
+    componentDidMount() {
+        BackHandler.addEventListener("hardwareBackPress", this.handleBackPress); 
+    }
+
+    componentWillUnmount() { 
+        BackHandler.removeEventListener("hardwareBackPress", this.handleBackPress); 
+    }
 
     render() {
         return (