反応ネイティブでbase64文字列を画像に変換する

Question

問題

Expoの反応ネイティブでソーシャルメディアアプリを作成し、画像をアップロードする機能を追加したいと思いました。 expoではファイルをblobに変換してアップロードできないため、base64画像データを文字列としてサーバーデータベースにアップロードしました。サーバーからデータをダウンロードした後で、このデータを表示可能な画像に再度変換するにはどうすればよいですか？

Thunder · Accepted Answer

あなたはこれを行うことができます：

var base64Icon = 'data:image/png;base64,iVBORw0KGgoAAAANS...'; <Image style={{width: 50, height: 50}} source={{uri: base64Icon}}/>

base64Icon変数では、base64データをdata:image/png;base64,の後に配置する必要があります。このような：

var base64Icon = 'data:image/png;base64,{PLACE_YOUR_BASE64_DATA_HERE}';