如何从 json 文件在反应本机应用程序中渲染图像？答案

【问题标题】：How to render image in react native application from json file?如何从 json 文件在反应本机应用程序中渲染图像？
【发布时间】：2019-04-02 02:51:38
【问题描述】：

上面我有 json，其中图像路径提到我想在我的 react 本机应用程序中渲染图像，请提供一些想法如何渲染这个图像。谢谢

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

【问题讨论】：

嘿，您可以使用 react native elements > Avatar 组件并直接将 json 对象的 URL 提供给它。谷歌搜索可以帮助你进一步
谢谢，Somangshu，但是在我的 json 文件图像 URL 中数组 json 那么如何从 JSON 响应中获取该图像的 url。
如果数组中始终只有一个对象，那么您可以直接指向第 0 个对象 (res.aImages[0]) 或使用 underscore.js _.first(res.aImages) 方法

【解决方案1】：

你必须这样做：

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

【讨论】：

【解决方案2】：

你得到 Json，你用Json.parse() 解析它，然后你设置你的状态并使用这个状态作为你的图像源。请参阅 oma 的答案。

【讨论】：