Android hardware back handling in ignite

ReduxNavigation.js

import React from 'react'
import { BackHandler } from 'react-native' // <<<<<<<<<<< ADDED THIS
import * as ReactNavigation from 'react-navigation'
import { connect } from 'react-redux'
import AppNavigation from './AppNavigation'

// Change to component to get lifecycle functions

// here is our redux-aware smart component
class ReduxNavigation extends React.Component {
  componentDidMount () {
    BackHandler.addEventListener('hardwareBackPress', this.handleBackPress)
  }

  componentWillUnmount () {
    BackHandler.removeEventListener('hardwareBackPress', this.handleBackPress)
  }

  handleBackPress = () => {
    const { dispatch } = this.props
    // optional exit app handler
    // const shouldExitApp = code to determine if app should exit (e.g. can't go back anymore)
    // if (shouldExitApp) return false
    dispatch(ReactNavigation.NavigationActions.back())
    return true
  }

  render () {
    const { dispatch, nav } = this.props
    const navigation = ReactNavigation.addNavigationHelpers({
      dispatch,
      state: nav
    })

    return <AppNavigation navigation={navigation} />
  }
}

const mapStateToProps = state => ({ nav: state.nav })
export default connect(mapStateToProps)(ReduxNavigation)