Saya menggunakan reactnative untuk aplikasi seluler dan mendapat masalah. Saya memiliki file json yang saya perlukan dalam file js. Di file json juga banyak path gambar. Ketika saya membutuhkan file json dari folder di file js saya maka jalur untuk gambar yang ada di file json akan diubah, dan saya juga tidak dapat meneruskan string dinamis dalam metode yang diperlukan.
Ini kode saya di file JSON:
{
"Industry": [
{
"Id": "1",
"UpperImg": "../../../uploads/bposervices/industry/Bankingimg.png",
"FiledName": "Financial Services",
"FileName": "FS.json",
"Url" :"uploads/json/FS.json"
},
{
"Id": "2",
"UpperImg": "../../../uploads/bposervices/industry/Insimg.png",
"FiledName": "Insurance",
"FileName": "Insurance.json",
"Url" :"uploads/json/Insurance.json"
}
],
"Enterprises": [
{
"Id": "1",
"UpperImg": "uploads/bposervices/enterprise/Faimg.png",
"FiledName": "Finance & Accounting",
"FileName": "FandA.json",
"Url" :"uploads/json/FandA.json"
},
{
"Id": "2",
"UpperImg": "uploads/bposervices/enterprise/Spimg.png",
"FiledName": "Sourcing & Procurement",
"FileName": "SandP.json",
"Url" :"uploads/json/SandP.json"
}
]
}
Ini file js saya:
const abc = require('../../folder/a.json)
class B extends component {
render() {
return (
<Container style={styles.container}>
<Content>
<List
dataArray={abc.industry} renderRow={dataIndustry =>
<ListItem>
<Card>
<CardItem cardBody>
<Image source={dataIndustry.UpperImg}/>
// or <Image source ={require(dataIndustry.UpperImg)/>
</CardItem>
<CardItem>
<Text>{dataIndustry.FiledName}</Text>
</CardItem>
</Card>
</ListItem>
}
/>
</Content>
</Container>
);
}
}
ketika saya mengulangi array objek file json, saya mendapatkan jalur gambar yang saya berikan dalam metode yang diperlukan, tetapi tidak menerima jalur gambar dinamis dalam metode yang diperlukan, tidak juga di sumber gambar.
Adakah yang bisa menyarankan saya bagaimana saya bisa mendapatkan hal yang sama?