2017-06-15 127 views
0

我想從JSON文件收集圖像源,但每當我使用JSON對象源時,我得到一個模塊錯誤。有沒有解決方法?React-Native動態圖像源?

JSON文件:

{ 
    "Image": {"source": "./SourceFolder/ImageFile.png"} 
} 

JS文件

const file = require('./jason.json'); 
var jason = JSON.stringify(file.Image); 
jason = JSON.parse(jason); 

<Image source={require(jason.source)} /> 
+0

檢查我的答案在這裏:https://stackoverflow.com/questions/44468500/image-react-native-not-working –

+0

@JigarShah感謝,但沒有任何工作。我想我被困在這裏。可能沒有辦法從json存儲一堆圖像源並相應地使用它們。 – drewvy22

+0

試試這個,https://stackoverflow.com/questions/36375532/react-native-rendering-multiple-images –

回答

0

動態要求,不支持unfortunalty。你需要預先要求你所有的圖像,然後你可以從參考中動態調用它們。

const images = { 
    image1: require('some_file.png'), 
} 

<Image source={images["image1"]} /> 
+0

這是一個無賴。我正在使用多個圖像文件。我是否需要直接要求每一個?或者,如果我有一個圖像文件夾,我可以只需預先要求該文件夾? – drewvy22

+0

即使我預先要求它,我不能使用它從JSON – drewvy22

+0

我不認爲你可以預先要求這樣的目錄或圖像,因爲它都需要預先捆綁。您最好試着將它們託管在某個地方(如便宜的Google存儲桶),並對圖像源做出動態要求。 – Alias