React native React导航和Webview导航

React native React导航和Webview导航,react-native,webview,react-navigation,React Native,Webview,React Navigation,我使用React导航,有3个选项卡,其中一个选项卡使用Webview呈现网页。在此屏幕上,如果用户向左滑动或按“后退”,我希望他们返回Webview网站,而不是转到上一个选项卡 我正在更新webview组件onNavigationStateChange中的状态,但不确定如何覆盖React导航滑动。让我们选择定义选项卡NavigatorConfig的选项卡的行为 在您的情况下,如果希望TabNavigator不监听刷卡,则必须将swipEnabled声明为false: const MyApp =

我使用React导航,有3个选项卡,其中一个选项卡使用Webview呈现网页。在此屏幕上,如果用户向左滑动或按“后退”,我希望他们返回Webview网站,而不是转到上一个选项卡

我正在更新webview组件onNavigationStateChange中的状态,但不确定如何覆盖React导航滑动。

让我们选择定义
选项卡NavigatorConfig的选项卡的行为

在您的情况下,如果希望
TabNavigator
不监听刷卡,则必须将
swipEnabled
声明为
false

const MyApp = TabNavigator({
  Screen1: {
    screen: screen1,
  },
  Screen2: {
    screen: screen2,
  },
}, {
  swipeEnabled: false,
});
这样,您的选项卡就不会与您的Web视图冲突

希望有帮助