Back button will not send the app to the background

Version

Tell us which versions you are using:

• react-native-router-flux 4.0.0-beta.40
• react-native 0.55.4

Expected behaviour

If you are navigating inside the app, after pressing multiple times back button on android, the app should be sent to the background the same way when you press the menu button

Actual behaviour

After pressing back button the app will come back to the initial screen (correct), but then it stays on the screen no matter how many times you press back button.

Just before this library was updated I had an issue where the back button would kill the app, so I fixed it and it was working perfectly. After updating flux to 4.0.0-beta.40 I have this issue .

Keep in mind that the scene structure did not change at all from what it was in the previous version

[howieyoung]

Same issue with “react-native-router-flux”: “^4.0.6” However, I fixed it after I tried to set the backHandler to false manually:

       <Router
        sceneStyle={{ backgroundColor: '#fff' }}
        /*
        backAndroidHandler return true to stay in the app and return false to exit the app.
        Default handler will pop a scene and exit the app at last when the back key is pressed on Android.
        */
        backAndroidHandler={() => (false)}
      >

---

I wish that’s something helpful for you guys.

[howieyoung]

@wmonecke Hopefully you’ve resolved the problem already. But if you haven’t, you can do something like this.

import { ..., BackHandler } from 'react-native';

class App extends Component {
componentDidMount() {
    BackHandler.addEventListener('hardwareBackPress', this.onBackPress);
}

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

onBackPress = () => {
    if (Actions.state.index === 0) {
      return false
    }
    Actions.pop();
    return true
  }