You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

React Native测验App:JS数据文件中插入图片的问题求助

React Native 测验App图片配置问题解决

先看你代码里的几个明显错误,逐个修正:

1. 字符串未闭合

你的question1和image里的字符串都缺少闭合的双引号,这会直接触发语法错误:

// 错误写法
question1: "How would you say 'Cherry' in Italian?,
image: require('../../assets/images/cartoon cherry.png),

// 修正后
question1: "How would you say 'Cherry' in Italian?",
image: require('../../assets/images/cartoon cherry.png'),

2. 图片路径含空格问题

React Native的require对带空格的文件路径支持不佳,建议将图片文件名改为无空格格式,比如cartoon_cherry.png,同步修改路径:

image: require('../../assets/images/cartoon_cherry.png'),

3. 导出语法规范

你的导出写法不够严谨,调整为标准格式:

const data = [
     {
      question: "How would you say 'Cherry' in Italian?",
      image: require('../../assets/images/cartoon_cherry.png'),
      options: ["Mela", "Fragola", "Ciliegia"],
      correct_option: "Ciliegia"
     },
];

export default data;

额外提示

  • 确认图片确实存在于../../assets/images/路径下,层级不要出错
  • 在组件中使用图片时,直接引用item.image即可,示例:
<Image source={item.image} style={{width: 100, height: 100}} />

内容的提问来源于stack exchange,提问作者Susy

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.06.20 09:12:06