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
相关产品推荐
相关产品推荐

