react-native、react-navigation、TabNavigator，在执行返回时通过单击左上角的按钮判断某些内容

react导航

Github：

我使用

react导航

，在这种情况下，我单击导航返回按钮，应用程序将显示父视图

我需要的是一个条件为真，我点击左上角的返回按钮，它就会执行。如果条件为false，则仅显示警报

我正在使用redux。

---

换言之，如何收听“返回”redux.

对于“按条件导航”，您可以在组件中配置“返回”按钮。nativationOptions，例如：

class YourComponent extends React.Component {
  static nativationOptions = ({navigation}) => ({
    headerLeft:
        <Button title='Back' onPress={() => {
          if (condition) {
            navigation.goBack()
          } else {
            // Do alert
          }
        }} />
  })
}

class YourComponent扩展了React.Component{
静态nativationOptions=（{navigation}）=>({
左校长：
{
如果（条件）{
navigation.goBack（）
}否则{
//警惕
}
}} />
})
}

如果您的情况取决于

道具

，您可以通过

导航.state.params

获得它

如果您的条件取决于组件的内部状态，请调用

navigation.setParams

在组件中放置条件回调，也可以在条件更改时放置条件值

---

要与redux集成，请参阅

静态nativationOptions

反应导航

是API吗？您是否创建了用户定义的backButton？请参阅关于

导航选项

，当您自定义

backLeft

时，

反应导航

将呈现该按钮，否则它将提供HeaderBackButton（请参阅）。因此，在上面的代码中，您需要一个按钮组件，或者您可以使用

react导航的
HeaderBackButton
，通过
import{HeaderBackButton}从“react导航”