How to convert ByteArray to Image in react-native?

Question

Image comes to as ByteArray from webservice. I want to convert it to image. How do we do that ?

image comes like this :

Answer 1

You can try this method:

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

you can put base64 data after data:image/png;base64,. As Shown below

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