React-Navigation和Webview导航

Question

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

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

Answer 1

TabNavigator让我们来选择定义TabNavigatorConfig的选项卡的行为。

在你的情况，如果你想TabNavigator不听挥笔，你得声明swipeEnabled到false：

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

这样，你的标签将不会与你的WebView冲突。

希望它能帮助！