Estoy tratando de recuperar datos e imágenes del backend del nodo, todo se está recuperando pero no las imágenes y me está dando un error de prop no válido
esta es la pantalla de listado
function ListScreen(props) { const [listing, setListing] = useState([]); useEffect(() => { loadlistings(); }, []); const loadlistings = async () => { const res = await listingApi.getListing(); setListing(res.data); }; return ( <View styles={styles.container}> <StatusBar styles="auto" /> <FlatList data={listing} keyExtractor={(item) => item._id} renderItem={({ item }) => ( <ListItem title={item.name} //working fine subTitle={item.job} //working fine name="email" name2="phone" image={item.image} //not working /> )} /> </View> ); }este componente ListItem
function ListItem({ image, title, subTitle, name, name2 }) { return ( <Pressable> <View style={styles.container}> {image && <Image style={styles.image} source={image} />} <View style={styles.detailsContainer}> <Text style={styles.title}> {title}</Text> <Text style={styles.subTitle}> {subTitle}</Text> {Icon && <Icon name={name} />} {Icon && <Icon name={name2} />} </View> </View> </Pressable> ); }estos son los datos del backend
{ "_id": "629b5670579b00cd931122e9", "name": "Harry Potter", "job": "BackEnd Developer", "image": "http://192.168.1.40:4545/image/image1654347376236_922911498.jpg", "__v": 0 }, { "_id": "629b568a579b00cd931122eb", "name": "John Wick", "job": "Full Stack Developer", "image": "http://192.168.1.40:4545/image/image1654347402595_708253593.jpg", "__v": 0 }Por favor, ayuda a cualquiera que esté atascado en esto durante días.
Debe proporcionar el URI de la imagen pasando un objeto con la clave uri al accesorio de source de <Image /> como:
<Image style={styles.image} source={{uri: image}} />