javascript React原生Google验证码在Webview中显示白色空白屏幕

nszi6y05 于 2023-01-11 发布在 Java

关注(0)|答案(1)|浏览(124)

我试图实现谷歌验证码使用webview的React Native，但它显示白色时，应用程序加载。我尝试了，但无法解决这个问题，有人能请帮助我如何解决这个问题。
谢谢

<WebView
  automaticallyAdjustContentInsets={false}
  source={{
    html: `
       <div
        <script src="https://www.google.com/recaptcha/api.js?render=6Lel4Z4UAAAAAOa8LO1Q9mqKRUiMYl_00o5mXJrR" async defer ></script>

        <div class="g-recaptcha" data-sitekey="6Lel4Z4UAAAAAOa8LO1Q9mqKRUiMYl_00o5mXJrR"></div>
                   `,
  }}
  style={{ marginTop: 30, height: 130, width: Dimensions.get("window").width }}
/>;

JavaScript

来源：https://stackoverflow.com/questions/75074696/react-native-google-captcha-showing-white-blank-screen-in-webview

1条答案

按热度按时间

deyfvvtc1#

Webview只显示来自URL的内容。
当我粘贴您的链接到浏览器。我得到下面的错误。尝试与其他网址。检查我的代码为更多的参考。

Bad Request
Error 400

这就是为什么你的Webview得到一个白色空白屏幕。

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

class MyWebComponent extends Component {
  render() {
    return <WebView source={{ uri: 'https://reactnative.dev/' }} />;
  }
}

赞(0）回复(0）举报 2023-01-11

我来回答

javascript React原生Google验证码在Webview中显示白色空白屏幕

1条答案

相关问题

热门标签

最新问答