Convertir la chaîne base64 en image dans React Native

Question

Problème

J'ai créé une application de médias sociaux avec expo react native, et je voulais ajouter la possibilité de télécharger des images. Comme expo ne vous permet pas de convertir un fichier en blob à télécharger, je viens de télécharger les données d'image base64 sous forme de chaîne dans la base de données du serveur. Comment puis-je reconvertir ces données en image visible après avoir téléchargé les données hors du serveur?

Answer 1

Tu peux le faire:

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

Dans le base64Icon variable dont vous avez besoin de mettre vos données base64 après data:image/png;base64,. Comme ça:

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