React Native Google Captcha 在 webview 中顯示白色空白屏幕

Question

我正在嘗試使用 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 }}
/>;

Answer 1

Webview 只是顯示來自 URL 的內容。

當我將您的鏈接粘貼到瀏覽器中時。 我收到以下錯誤。 嘗試使用另一個 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/' }} />;
  }
}