Androidでreact-native-webviewを呼び出せない問題の対応方法

何が起こった？

react-native-webviewを利用しようとした時、以下のようなエラーが発生してWebViewを利用できませんでした。
少し調べたところreact-native-webviewのバグのようです。

Error: crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues -not-supported

環境

react-native: 0.60.5
react-native-webview: ^9.2.1

解決策

react-native-get-random-valuesを利用することで解決しました。

インストール

$ yarn add react-native-get-random-values
$ cd ios && pod install

WebViewを利用するところの一行目に以下を追加。

import 'react-native-get-random-values'

これで解決するはずです。

最後に

誰かの参考になれば嬉しいです。
Twitterもやってます。
もしよければフォローよろしくお願いします！ -> @kasssssy0000

参考

https://stackoverflow.com/questions/61135378/react-native-webview-crashes-application-when-invoked
https://github.com/react-native-community/react-native-webview/issues/1312
https://github.com/LinusU/react-native-get-random-values