记录react-native项目导入新图片Image不显示

在使用React-Native开发APP时遇到图片导入不显示的问题,即使使用require()获取了正确路径,且终端报错。尝试了检查代码、重装应用、清理Android项目缓存等方法无效。最后通过重启react packager解决了问题,该问题的解决方案来源于StackOverflow。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

也是第一次使用markdown 顺便练练手,以后有问题会更新出来
问题描述:

使用react-native 开发app,在项目中导入一张图标,使用require(),取得图片的相对路径,但是始终没有显示

     <View style={styles.serverContainer}>
        <Text style={styles.serverTitle}>附件:</Text>
           <TouchableOpacity onPress={this.download} 
            style={styles.serverContent}>
              <Image
                 style={{ width: 48, height: 48 }}
                 source={require('../../../../resources/AnXinImages/download1.png')}
                   />
          </TouchableOpacity>
    </View>

但是每次运行的时候终端都会报错:
这里写图片描述
我仔细检查了代码,路径也没有问题。重装了app,去项目 android目录下还行了./gradlew clean 任然没有任何效果。快要崩溃的我在万能的stackoverflow上找到了答案,重启react packager 也就是这个玩意:
这里写图片描述

附带上解决我问题的地址,也算是给自己一个提醒
点我就行了

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值