点燃2.0:Android后退按钮关闭应用程序反应导航

时间:2018-03-12 03:38:01

标签: react-native react-navigation

我正在使用默认的ignite 2.0样板代码。 假设我使用this.props.navigation.navigate('SecondScreen')

打开一个新屏幕

打开' SecondScreen'如果我按下Android硬件后退按钮它正在关闭应用程序。 ' SecondScreen'屏幕顶部的ui后退按钮工作正常。

应用导航代码:

const PrimaryNav = StackNavigator({
  Home: { screen: Home },
  SecondScreen: { screen: SecondScreen }
}, {
    // Default config for all screens
    initialRouteName: 'Home',
    navigationOptions: {
      headerStyle: styles.header
    }
  })

2 个答案:

答案 0 :(得分:2)

我猜你正在使用Redux集成,这意味着你需要自己处理后退按钮here。另请查看the reference for Backhandler

我所做的就是这样实现:

$first_row = 0;
foreach($data as $row){
  $first_row++;
  $hight_light = $first_row == 1 ? "highlight" : "";
  echo '<tr class="'.$hight_light .'">
   <td>
   </td>
  </tr>';
}

答案 1 :(得分:0)

在我的组件中,我添加了此代码,现在工作正常。

  import { BackHandler } from 'react-native'

  componentDidMount() {
    BackHandler.addEventListener('hardwareBackPress', this.props.navigation.goBack);
  }

  componentWillUnmount() {
    BackHandler.removeEventListener('hardwareBackPress', this.props.navigation.goBack);
  }