如何使用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。

希望它會有所幫助。