Как отобразить изображение с помощью React Native и Expo?

Я делаю свой первый нативный проект, и я использовал команду 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)'

Я не уверен, что это из-за того, что я использую Expo и он не экспортируется в телефон должным образом, или он должен находиться в папке со специальным именем. Любая помощь будет оценена, спасибо!


person David McNamee    schedule 14.04.2018    source источник


Ответы (1)


удалите подчеркивание и переименуйте ресурсы изображения в record-video.png, record-voice.png и convert-to-text.png. Перезапустите менеджер пакетов и попробуйте.

Еще одно наблюдение. Я не вижу изображения record_audio.png в папке img, как требуется во второй строке.

Надеюсь, это поможет.

person Rishabh Bhatia    schedule 15.04.2018