Tech Blog - mixross

[React Native] Imageのsourceにbase64を指定するとエラー

このエントリーをはてなブックマークに追加
LINE

環境

react-native 0.62.2

現象

Imageのsourceに画像のMIMEとbase64の文字列を以下のように設定することで画像のパスではなくbase64で直接描画ができる。
(実際はstyleで高さ(height)、幅(width)の指定も必要)

<Image source={{uri: 'data:image/jpeg;base64,/9j/4AAQSk・・・' />

RNのバージョン0.62固有の現象なのか、ios simulatorで実行すると以下のエラーが出てアプリが落ちてしまった。

-[NSURLResponse allHeaderFields]: unrecognized selector sent to instance 0x6000005d9b60
*** Terminating app due to uncaught exception 'NSInvalidArgumentException', reason: '-[NSURLResponse allHeaderFields]: unrecognized selector sent to instance 0x6000005d9b60'

対策

Podfileの

versions['Flipper'] ||= '~> 0.33.1'

versions['Flipper'] ||= '~> 0.37.0'

に修正

RSS