反应导航和Webview导航

Question

我正在使用React-navigation并有3个标签，其中一个标签使用Webview呈现网页。在此屏幕上，如果用户向左滑动或按下，我希望他们返回Webview网站，而不是转到上一个选项卡。

我正在更新webview组件onNavigationStateChange中的状态，但不知道如何覆盖React-navigation滑动。

Answer 1

TabNavigator让您选择定义TabNavigatorConfig标签的行为。

在您的情况下，如果您希望TabNavigator不听取滑动，则必须将swipeEnabled声明为false：

const MyApp = TabNavigator({
  Screen1: {
    screen: screen1,
  },
  Screen2: {
    screen: screen2,
  },
}, {
  swipeEnabled: false,
});

这样，您的标签就会与您的网络视图发生冲突。

希望它有所帮助！