Handle back press in JS

example-redux/src/app.js

@@ -121,6 +121,7 @@ export default class App {
               icon: require('../img/one.png'),
               selectedIcon: require('../img/one_selected.png'),
               title: 'Screen One',
+              overrideBackPress: true,
               navigatorStyle: {}
             },
             {

example-redux/src/screens/FirstTabScreen.js

@@ -181,6 +181,7 @@ class FirstTabScreen extends Component {
     this.props.navigator.push({
       title: "More",
       screen: "example.PushedScreen",
+      overrideBackPress: true,
       passProps: {
         str: 'This is a prop passed in \'navigator.push()\'!',
         obj: {

example-redux/src/screens/PushedScreen.js

@@ -62,9 +62,26 @@ class PushedScreen extends Component {
       case 'accept':
         Alert.alert('NavBar', 'Accept button pressed');
         break;
+
+      case 'backPress':
+        this.handleBackPress();
+        break;
+
+      default:
+        console.log('PushedScreen', 'Unknown event ' + event.id);
     }
   }
 
+  handleBackPress() {
+    Alert.alert(
+      'Back button press!',
+      'Handling back press in JS',
+      [
+        {text: 'Pop', onPress: () => this.props.navigator.pop()}
+      ]
+    )
+  }
+
   render() {
     return (
       <ScrollView style={{flex: 1, padding: 20, backgroundColor: this.bgColor}}>