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衝突。

希望它能幫助！