Блог

Главная - Вопросы по программированию - Реагируйте на собственное изображение из uri, которое не отображается

Реагируйте на собственное изображение из uri, которое не отображается

#reactjs #react-native

Вопрос:

Я работаю над мобильным приложением, но когда я пытаюсь получить доступ к своим изображениям из определенного uri, оно их не показывает. Но это видно только на компьютере моего друга, и я сделал то же самое.

введите описание изображения здесь

Над текстом внутри 3 блоков должно быть изображение, но я получаю сообщение об ошибке.

Код:

 <Image
   style={styles.image}
   source={{uri: 'http://10.0.2.2:8000/images/illustrations/'   illustration}}
   onError={(error) => console.error(error)}
/>

Я не знаю, что происходит не так …

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

1. Можете ли вы просмотреть изображение, когда открываете uri в браузере вашего симулятора?

2. Да, я могу просмотреть изображение в браузере моего эмулятора

3. как именно uri выглядит после объединения, доступно ли это в браузере ? вы пробовали использовать другой uri ?

4. Теперь я получаю изображения, указывающие, что было не так, но я думаю, что это потому, что сейчас я получил 3 сетевых ошибки

Ответ №1:

Вы должны указать ширину для изображений в react-native. также проверьте путь к изображению, если путь правильный, просто очистите кэш metro bundler и перезапустите его.

 <Image source={{ uri: 'http://10.0.2.2:8000/images/illustrations'   illustration }} style={{ height: 80, width: 80}} />

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

1. У меня уже есть стиль, но он все еще не работает

2. И я также очистил кэш, но он все еще не появился

Ответ №2:

Возможно, попробуйте перезапустить свой пакет metro.

 <Image source={{ uri: `http://10.0.2.2:8000/images/illustrations/${illustration}`}} style={{ height: 80, width: 80}}
Метки: ,