React Native：一部のWebサイトや一部のデバイスで、Android WebViewが空白の画面を返す

Question

WebViewでHTTPSサイトに誘導すると、かなり反応のネイティブなアプリがかなり数ヶ月間あります。 これはすごくうまくいっていましたが、突然WebViewがHTTPSサイトではなく空白のページを返すようになりました。 、

• これは

• ブランク画面はいくつかのウェブサイトのために戻される（私のユーザーの非は、この問題を報告している）だけで私のデバイス上で起こる：デバッグから

  は、私がいることを発見しましたいくつかは正しくレンダリングされます。 （例：google.comはレンダリングし、amazon.comは空白の画面を返します）

• クロムインスペクタでWebViewをデバッグすると、これらのサイトの1つ（例：amazon.com）にGET呼び出しが行われるたびに表示されるようです）1秒後にコールがキャンセルされます。

• これらのサイトは、アンドロイドクロムブラウザで正しく開いて表示されます。

私のデバイスの何かのようなものが、WebViews、おそらく設定やアプリの一部のウェブサイトをブロックしているようです。どうなり得るか？

私はLGのG4を使用してい

は、それが原因で開発モードでのプライベートSSLエラーでなければならないAPIバージョン19と23

Answer 1

に試してみました。コンソールログがデバッグモードで表示される場合は、 Failed to validate the certificate chain, error: java.security.cert.CertPathValidatorException: Trust anchor for certification path not found.

という行が表示されている場合は、ドキュメントのどこにも記載されていない新しい小道具を追加してください。小道具はignoreSslError={true}です。これにより、SSLエラーが発生してもWebViewにWebサイトが強制的にロードされます。

例 - <WebView ignoreSslError={true} source={{uri: 'https://www.google.com'}} />

出典：https://github.com/facebook/react-native/pull/9680