Convert Base64 String To Image In React Native

Problem I created a social media app with expo's react native, and wanted to add the ability to upload images. Since expo won't let you convert a file to a blob to upload, I just u

Solution 1:

You can do this:

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

In the base64Icon variable you need to put your base64 data after data:image/png;base64,. Like this:

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