当单击网站中的任何链接中，在新标签或新窗口中打开的任何链接时，webview in react Native in react Native in New Tab或New窗口中的任何链接都将用于浏览器在WebView上不覆盖

Question

在React Native WebView中，在WebView中，当单击新的Tap或New窗口打开的链接时，WebView将我们的应用程序重定向到浏览器时，就会发生问题，但我希望应用程序不重定向以浏览WebView覆盖链接。请解决问题，我对您非常考虑....

当点击网站上的任何链接，这些网站网站从我们的React Native App重定向到我们的浏览器

import React, { useState } from 'react';
import WebView from 'react-native-webview';

const App = () =>{

return(
<WebView
 source={{uri:"https://www.coeju.com"}}

 />
  );
}


export default App;

Answer 1

setSupportMultipleWindows = {false}
将其添加到您的Webview道具中。
有关更多信息，请访问下面的链接。

https://github.com /react-native-webview/reaeact-native-native-webview/blob/master/docs/reference.md#setsupportmultmultiplewindows

<WebView
  {...restProps}
  source={{uri}}
  onLoadStart={()=>setloading(true)}
  onLoadEnd={()=>setloading(false)}
  onLoad={()=>setloading(false)}
  style={{ flex: 1 }}
  injectedJavaScript={INJECTEDJAVASCRIPT}
  scrollEnabled
  setSupportMultipleWindows={false} //This will solve your problem
>

Answer 2

据我了解，您可以防止WebView重定向到外部浏览器，并捕获已按下已按下的URL，并通过将其存储在状态下来替换当前的URI。

您可以尝试使用WebView的 onShoundStartLoadWithRequest

const[uri,seturi]=useState('https://stackoverflow.com/')

<WebView
 source={{uri}}
 onShouldStartLoadWithRequest={request => {
  if (request.url.includes('https')) {
      seturi(request.url);
      return false;
  } else return true;
 }}
 />

Answer 3

您可以转到React-native-webview存储库，并为此查看更多功能。

简单地说，我在这里写下它。

<WebView
  {...restProps}
  source={{uri}}
  onLoadStart={()=>setloading(true)}
  onLoadEnd={()=>setloading(false)}
  onLoad={()=>setloading(false)}
  style={{ flex: 1 }}
  injectedJavaScript={INJECTEDJAVASCRIPT}
  scrollEnabled
  setSupportMultipleWindows={false} //This will solve your problem
  useWebView2={true}//Function that is invoked when the `WebView` should open a new window.
  javaScriptCanOpenWindowsAutomatically={true}//A Boolean value indicating whether JavaScript can open windows without user interaction.

您可以从repo中查看更多信息。

https：// github。 com/react-native-webview/react-native-webview/blob/master/src/webviewtypes.ts＃l793

Answer 4

SetSupportMultipleWindows标志仅在您要启用iOS中的Muliple屏幕时才适用于Android，那么您需要启用UseWebView2，以使usewebview2 true true，以确定Web视图是否应使用新的基于铬的gend Web视图和启用Javascriptcancancriptcancanopenwindowsautomation holical holical holical holical holical holical holical homical holical holical homical holical holical holical holical homical in tirm thrue。
我希望它能帮助您解决此问题

   useWebView2={true}

   javaScriptCanOpenWindowsAutomatically={true}