Я сохранил следующий источник изображения вместе с uri в firebase в виде строки
coverImage " uri: "https://images.unsplash.com/photo-1570102881689-c04ab4cf1f4c?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHx0b3BpYy1mZWVkfDF8Ym84alFLVGFFMFl8fGVufDB8fHx8&auto=format&fit=crop&w=400&q=60"
наряду с другими атрибутами, такими как дополнительный заголовок. когда я передаю реквизит в источнике изображения, появляется следующая ошибка
Warning: Failed prop type: Invalid prop `source` supplied to `Image`, expected one of type [number].
Ниже приведена опора изображения.
<Image style = {{ width: 250, height: 250 }} source = {`{${item.image}}`} />
У меня есть consoled.log элемент.изображение, и ссылка работает нормально, когда я ctrl+щелчок на ней. Любые отзывы о том, что я делаю неправильно.
В console.info я получаю следующий результат
Array [
Object {
"id": "al1tT6JfNYssimYZ8Lhy",
"image": " uri: \"https://images.unsplash.com/photo-1570102881689-c04ab4cf1f4c?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHx0b3BpYy1mZWVkfDF8Ym84alFLVGFFMFl8fGVufDB8fHx8&auto=format&fit=crop&w=400&q=60\"",
"title": "Lorem ipsum",
},
]
и console.info представляет собой item.image, когда я визуализирую его через плоский список, и это результат.
uri: "https://images.unsplash.com/photo-1570102881689-c04ab4cf1f4c?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHx0b3BpYy1mZWVkfDF8Ym84alFLVGFFMFl8fGVufDB8fHx8&auto=format&fit=crop&w=400&q=60"
Вы уже пробовали это? <Image source = {{ uri: item.image }} />
Что вы получаете, когда используете console.info(item.image)?
Я только что немного обновил вопрос, пожалуйста, дайте мне знать, если потребуется дополнительная информация.
эй, Райан, твой ответ был правильным, у меня возникла проблема с форматированием данных.
Попробуйте установить URI, как показано ниже:
<Image style = {{ width: 250, height: 250 }} source = {{ uri: item.image }} />
Также кажется, что поле image
в объекте имеет префикс uri:
, попробуйте установить URL, начинающийся с https://
.
При этом ошибки нет, но изображение тоже не видно
Можете ли вы дать больше контекста для «невидимого»? Также попробуйте перезапустить сервер разработки. item.image
является действительным URL, верно?
Я только что немного обновил вопрос, пожалуйста, дайте мне знать, если потребуется дополнительная информация.
Является ли `uri:` частью поля image
в Firestore? Вы можете просто сохранить URL-адрес изображения, начинающийся с https://
?
Эй человек решил это. С вашим обновлением формата я должен удалить ключевое слово uri из базы данных вместе с кавычками. Спасибо чувак
Да, но выход остается прежним