React Native本地数据文件中无法获取图片URL导致图片不显示

你的问题核心是图片URL的获取路径错误。从你提供的示例数据来看，图片URL并非直接挂载在movies对象的url属性下，而是嵌套在images -> Poster Art -> url的层级结构里。

修改MoviesCard组件中Image的source路径即可解决：

<Image
  style={{height: 50, width: 50}}
  source={{uri: movies.images["Poster Art"].url}}
/>

为了避免数据缺失导致组件报错，建议加上可选链操作符做安全访问：

<Image
  style={{height: 50, width: 50}}
  source={{uri: movies?.images?.["Poster Art"]?.url}}
/>

如果修改后仍无法显示，可排查以下几点：

• 复制图片URL到浏览器，确认链接本身有效
• 确保Image组件设置了明确的宽高（你已配置，此点可忽略）
• Android项目需在AndroidManifest.xml中添加网络权限：<uses-permission android:name="android.permission.INTERNET" />
• iOS项目若使用HTTP链接，需在Info.plist配置ATS例外（你用的是HTTPS，此点可忽略）

内容的提问来源于stack exchange，提问作者Emre Can Akyol