react-native Image使用报错

Question

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

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;

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

加载本地图片报以下错

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

Answer 1

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

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