如何使用React Native和Expo显示图像？

Question

我正在做我的第一个React本机项目，并且已经使用create-react-native-app命令进行了所有设置。 但是，当我尝试使图像显示在Expo中时，它给我一个错误消息，提示它找不到png文件。 目前，我在“ ./img/record_video.png”下有文件（这只是一个我将用作按钮的图标）。 这是我的项目布局以及我用来调用它的代码

也就是说，我正在使用<Image source={require('./img/record_video.png')} />来调用该文件。

这是我在手机上从Expo应用程序收到的错误消息简而言之，它表示undefined Unable to resolve module './img/record_video.png' from C:\\Users\\ddude\\Desktop\\AwesomeProject\\App.js':The module './img/record_video.png' could not be found from 'C:\\Users\\ddude\\Desktop\\AwesomeProject\\App.js'. Indeed, none of these files exist: *'record_video.png' *'C:\\Users\\ddude\\Desktop\\AwesomeProject\\img\\record_video.png\\index(.native||.android.js|.native.js|.js|.android.json|.native.json|.json)' undefined Unable to resolve module './img/record_video.png' from C:\\Users\\ddude\\Desktop\\AwesomeProject\\App.js':The module './img/record_video.png' could not be found from 'C:\\Users\\ddude\\Desktop\\AwesomeProject\\App.js'. Indeed, none of these files exist: *'record_video.png' *'C:\\Users\\ddude\\Desktop\\AwesomeProject\\img\\record_video.png\\index(.native||.android.js|.native.js|.js|.android.json|.native.json|.json)'

我不确定这是我正在使用Expo还是无法正确导出到手机，或者它是否需要位于特别命名的文件夹中。 任何帮助，将不胜感激，谢谢！

Answer 1

删除下划线并将图像资产重命名为record-video.png，record-voice.png和convert-to-text.png。 重新启动程序包管理器，然后尝试。

只是另一观察，我未在第二行中看到img文件夹中的图像record_audio.png。

希望它会有所帮助。