Extremely dirty workaround for not responsive nav buttons

src/App.js

@@ -217,7 +217,7 @@ class App extends Component {
         <OfflineBadge />
         <Routes
           ref={this.handleNavigatorRef}
-          screenProps={{ handleWalletConfig: this.handleWalletConfig }}
+          screenProps={{ handleWalletConfig: this.handleWalletConfig, nav: this.navigatorRef }}
         />
       </FlexItem>
     </Provider>

src/components/header/CameraHeaderButton.js

@@ -38,7 +38,10 @@ CameraHeaderButton.propTypes = {
 
 export default compose(
   withHandlers({
-    onPress: ({ navigation }) => () => navigation.navigate('QRScannerScreen'),
+    onPress: ({ navigation, screenProps }) => () => {
+      screenProps.nav.state.nav.routes[0].index = 1;
+      navigation.navigate('QRScannerScreen');
+    },
   }),
   onlyUpdateForPropTypes,
 )(CameraHeaderButton);

src/components/header/ProfileHeaderButton.js

@@ -39,6 +39,11 @@ ProfileHeaderButton.propTypes = {
 export default compose(
   pure,
   withRequests,
-  withHandlers({ onPress: ({ navigation }) => () => navigation.navigate('ProfileScreen') }),
+  withHandlers({
+    onPress: ({ navigation, screenProps }) => () => {
+      screenProps.nav.state.nav.routes[0].index = 1;
+      navigation.navigate('ProfileScreen');
+    },
+  }),
   pickProps(Object.keys(ProfileHeaderButton.propTypes)),
 )(ProfileHeaderButton);

src/screens/ProfileScreenWithData.js

@@ -24,7 +24,10 @@ export default compose(
   withIsWalletEmpty,
   withRequests,
   withHandlers({
-    onPressBackButton: ({ navigation }) => () => navigation.navigate('WalletScreen'),
+    onPressBackButton: ({ navigation, screenProps }) => () => {
+      screenProps.nav.state.nav.routes[0].index = 0;
+      navigation.navigate('WalletScreen');
+    },
     onPressSettings: ({ navigation }) => () => navigation.navigate('SettingsModal'),
   }),
   withTrackingScreen,

src/screens/QRScannerScreenWithData.js

@@ -26,6 +26,7 @@ class QRScannerScreenWithData extends Component {
     addWalletConnector: PropTypes.func,
     isFocused: PropTypes.bool,
     navigation: PropTypes.object,
+    screenProps: PropTypes.object,
     setSafeTimeout: PropTypes.func,
   }
 
@@ -54,7 +55,10 @@ class QRScannerScreenWithData extends Component {
     this.setState({ sheetHeight: get(nativeEvent, 'layout.height') });
   }
 
-  handlePressBackButton = () => this.props.navigation.navigate('WalletScreen')
+  handlePressBackButton = () => {
+    this.props.screenProps.nav.state.nav.routes[0].index = 2;
+    this.props.navigation.navigate('WalletScreen');
+  }
 
   handleReenableScanning = () => this.setState({ enableScanning: true })
 

src/screens/WalletScreen.js

@@ -40,6 +40,7 @@ class WalletScreen extends PureComponent {
     navigation: PropTypes.object,
     onRefreshList: PropTypes.func.isRequired,
     refreshAccount: PropTypes.func,
+    screenProps: PropTypes.object,
     sections: PropTypes.array,
     showBlur: PropTypes.bool,
     toggleShowShitcoins: PropTypes.func,
@@ -95,13 +96,14 @@ class WalletScreen extends PureComponent {
       onRefreshList,
       sections,
       showBlur,
+      screenProps,
     } = this.props;
 
     return (
       <Page style={{ flex: 1, ...position.sizeAsObject('100%') }}>
         <Header justify="space-between">
-          <ProfileHeaderButton navigation={navigation} />
-          <CameraHeaderButton navigation={navigation} />
+          <ProfileHeaderButton screenProps={screenProps} navigation={navigation} />
+          <CameraHeaderButton screenProps={screenProps} navigation={navigation} />
         </Header>
         <FabWrapper disabled={isEmpty}>
           <AssetList