Hey everyone, I'm currently facing an issue with linking a local image from my images folder within my JSON data. Despite trying various methods, it doesn't seem to be working as expected.
[
{
"id": 1,
"author": "Virginia Woolf",
"country": "United Kingdom",
"imageLink": "../images/img_libro1.jpeg",
"language": "English",
"overview": "Mrs. Dalloway, a novel by Virginia Woolf published in 1925, explores a day in the life of Clarissa Dalloway, a high-society Londoner married to a member of Parliament. The narrative lacks a conventional plot and delves primarily into the characters' consciousnesses. Through intertwining stories, particularly those of Clarissa preparing for a party and the mentally troubled war veteran Septimus Warren Smith, Woolf examines the nature of time in personal experience.",
"link": "https://en.wikipedia.org/wiki/Mrs_Dalloway\n",
"pages": 216,
"title": "Mrs Dalloway",
"year": 1925,
"vote": "8",
"aspectRatio": 1
},
When calling the link in the component, I use the following code:
import {useNavigation} from '@react-navigation/native';
import React from 'react';
import {View, StyleSheet, Text, Image, TouchableHighlight} from
'react-native';
// Component definition goes here...
const styles = StyleSheet.create({
// Styles declared here...
});
Despite no errors being thrown and the shape of the image displaying correctly, the actual image does not appear. Any suggestions on how to resolve this issue would be greatly appreciated. Thank you in advance!
For reference, these are my current folder structures: https://i.sstatic.net/S1kqi.png