Не удается добавить локальное изображение в приложение react native

#javascript #ios #reactjs #react-native

#javascript #iOS #reactjs #react-native

Вопрос:

Я новичок в react и пытаюсь добавить локальное изображение в свое приложение react. Это то, что я сейчас, <Image source={require("images/pic.jpeg")} />

но не могу понять, почему я получаю эту ошибку.

ERROR 00:24 Unable to resolve "images/pic.jpeg" from "App.js"

Я также установил компонент Image и создал отдельную папку images. Я использую симулятор iOS.

Если бы кто-нибудь мог мне помочь в этом, это было бы здорово! Заранее спасибо!

Ответ №1:

  1. Вам требуется изображение с абсолютным путем, что, скорее всего, является причиной неправильного импорта.

<Источник изображения={require(‘./images/pic.jpeg ‘)} />

Пожалуйста, передайте проход, который у вас есть в вашей структуре папок, и требуйте, чтобы путь был таким, как в приведенном выше примере, с ./ или ../

  1. Другим решением для импорта источника изображения является получение URL-адреса источника изображения.

импортируйте изображение из ‘../../assets/images/pic.jpeg ‘;

и передайте это изображение в качестве значения src

  <Image source={picImage} />
  

Комментарии:

1. @ishasharmax Можете ли вы принять этот ответ, если он работает для вас?