react-native Image使用报错_编程技术网-程序员技术内容聚合平台

（在说正事之前，我要推荐一个福利：你还在原价购买阿里云、腾讯云、华为云服务器吗？那太亏啦！来这里，新购、升级、续费都打折，能够为您省60%的钱呢！2核4G企业级云服务器低至69元/年，点击进去看看吧>>>)

以前正常使用，突然就不好使了，
代码如下

import React from 'react';
import { View, Text, Image,} from 'react-native';

const App: () => React$Node = () => {
return (

<>
  {/*<Image source={{uri:'https://www.baidu.com/img/bd_logo1.png'}}/>*/}
  <Image source={require("IMG_5162.PNG")}/>
  <Text>123</Text>
</>

);
};

export default App;

加载网络图片不报错，也不显示

加载本地图片报以下错

不知道为何求各位大佬帮忙感激不尽

###

首先我是这个问题的发起者，已经解决了该问题，是有以下几个原因导致希望分享给大家
1.图片的后缀为.PNG，RN无法识别大写，会报错，把图片后缀改成小写即可
2.图片最好放在项目根目录下的子文件夹里，如果是在根目录下，你的js文件也在根目录的情况下，需要在路径前添加./ 比如：<Image source={require("./1.png")}/>

希望大家都可以在学习编程的路上坚持下去！共勉