如何在反应本机webview中允许弹出窗口答案

【问题标题】：How to allow popup in reactnative web view如何在反应本机webview中允许弹出窗口
【发布时间】：2021-11-05 14:32:52
【问题描述】：

在我的应用中，我需要在 web 视图本身中允许弹出窗口。现在它尝试在弹出窗口出现时重定向到本机浏览器。

我正在使用 (https://www.npmjs.com/package/react-native-webview) 进行网页查看。

像这样当前我的代码。

import React from 'react';
import { StyleSheet, Text, View } from 'react-native';
import { WebView } from 'react-native-webview';

const URL="https://google.com";



export default function App() {
  return (
    <View style={styles.container}>
      <View style={{width:'100%',height:'100%'}}>
        <WebView
          source={{ uri: URL }}
        />
      </View>
      <StatusBar style="auto" />
    </View>
  );
  
}

const styles = StyleSheet.create({
  container: {
    marginTop: 28,
    flex: 1,
    backgroundColor: '#000',
    alignItems: 'center',
    justifyContent: 'center',
  },
});

有没有办法启用弹出窗口？感谢你的帮助。谢谢。

【问题讨论】：

标签： react-native webview popup

【解决方案1】：

javaScriptCanOpenWindows自动，布尔值指示 JavaScript 是否可以在没有用户交互的情况下打开窗口。默认值为假。您可以将其设置为 true。然后弹出窗口将允许。

<WebView
 javaScriptCanOpenWindowsAutomatically=true,
 source={{ uri: URL }}
  />

【讨论】：