Javascript 如何从json文件在react本机应用程序中呈现图像?

Javascript 如何从json文件在react本机应用程序中呈现图像?,javascript,android,json,reactjs,react-native,Javascript,Android,Json,Reactjs,React Native,上面我有json,其中图像路径提到我想在我的react原生应用程序中呈现图像。请给出一些如何呈现此图像的想法。谢谢 {"aImages":[{"obra_path":"http:\/\/upload.finarte.com.br\/images\/640\/3bcd2c863bdf329bf79e1e8aa1f2b41e.jpg"}]} 你必须这样做: <Image source={{uri: 'https://facebook.github.io/react/logo-og.png'}

上面我有json,其中图像路径提到我想在我的react原生应用程序中呈现图像。请给出一些如何呈现此图像的想法。谢谢

{"aImages":[{"obra_path":"http:\/\/upload.finarte.com.br\/images\/640\/3bcd2c863bdf329bf79e1e8aa1f2b41e.jpg"}]}

你必须这样做:

<Image source={{uri: 'https://facebook.github.io/react/logo-og.png'}}
       style={{width: 400, height: 400}} />


获取Json后,使用解析代码对其进行解析,然后设置为您的状态,并使用此状态作为图像源。请参阅oma的答案。

嘿,您可以使用react native elements>Avatar组件,直接向其提供json对象的URL。谷歌搜索这个可以帮你解决问题。谢谢,Somangshu,但在我的json文件中,数组中的图像URL是json,那么如何从json响应中获取此图像的URL。如果它总是数组中只有一个对象,那么你可以直接指向第0个对象(res.aImages[0]),或者使用下划线.js first(res.aImages)方法