如何允许弹出反应本机 webview
How to allow popup in reactnative web view
在我的应用中,
我需要在 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',
},
});
有什么方法可以启用弹出窗口吗?
感谢你的帮助。谢谢。
javaScriptCanOpenWindowsAutomatically,
布尔值表示 JavaScript 是否可以在没有用户交互的情况下打开 windows。默认值为假。
您可以将其设置为 true。然后弹出窗口将允许。
<WebView
javaScriptCanOpenWindowsAutomatically=true,
source={{ uri: URL }}
/>
在我的应用中, 我需要在 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',
},
});
有什么方法可以启用弹出窗口吗? 感谢你的帮助。谢谢。
javaScriptCanOpenWindowsAutomatically, 布尔值表示 JavaScript 是否可以在没有用户交互的情况下打开 windows。默认值为假。 您可以将其设置为 true。然后弹出窗口将允许。
<WebView
javaScriptCanOpenWindowsAutomatically=true,
source={{ uri: URL }}
/>