I'm learning a little bit about React Native and a question came up that I couldn't solve.
I'm using react-native-image-picker I have been able to take a photo from my device, the problem is that I cannot show the captured image on the device screen.
Here is my code.
import React from 'react';import { Button, Image, View} from 'react-native';import ImagePicker from 'react-native-image-picker';const TomarFoto = () => { const tomarFoto = () => { ImagePicker.launchCamera({}, (response) => { console.log('Respuesta =', response); if (response.didCancel) { alert('Subida cancelada'); } else if (response.error) { alert('Error encontrado: ', error); } else { const source = {uri:response.uri}; } }); }; return (<View style={{ flex: 1, alignItems: 'center', justifyContent: 'center' }}><Image source={ uri:response.uri} style={ { width: 300, height: 300 } } /><Button title="Adjuntar foto" onPress={tomarFoto} /></View> ); };export default TomarFoto;When I take the picture and I'm on Debug Mode, the data I obtain is:
Respuesta = {height: 3000, fileSize: 538811, data: "/9j/4R7KRXhpZgAATU0AKgAAAAgACgEQAAIAAAANAAAAhgExAA…BTmj2jnrRRQBXkwD1oGKKKAHA47CgsOlFFADJGxRRRTsB/9k=", path: "/storage/emulated/0/Pictures/image-bf1edaf0-350f-40d6-b1c3-cccc125e1368.jpg", uri: "content://com.sinvirus.provider/root/storage/emula…es/image-bf1edaf0-350f-40d6-b1c3-cccc125e1368.jpg",…}data: "/9j/4R7KRXhpZgAATU0AKgAAAAgACgEQAAIAAAANAAAAhgExAA"fileName: "image-bf1edaf0-350f-40d6-b1c3-cccc125e1368.jpg"fileSize: 538811height: 3000isVertical: truelatitude: longitude: originalRotation: 0path: "/storage/emulated/0/Pictures/image-bf1edaf0-350f-40d6-b1c3-cccc125e1368.jpg"timestamp: "2020-05-10T23:21:29Z"type: "image/jpeg"uri: "content://com.sinvirus.provider/root/storage/emulated/0/Pictures/image-bf1edaf0-350f-40d6-b1c3-cccc125e1368.jpg"width: 3000__proto__: ObjectBut here is my problem, I want to show that photo into the View but everytime i get this error Message, 
Any Idea how could I fix this or what I'm doing wrong?