Size: a a a

React Native — русскоговорящее сообщество

2020 May 10

VP

Vitaliy Ponomarev in React Native — русскоговорящее сообщество
Kос
у меня локально в проекте RN лежат картинки, с бэка прилетает список товаров с параметрами, один из параметров - это путь к картинке локальной, я отображаю карточки продуктов (со всей информацией), а вот картинка продукта не подставляется, точнее в веб-эмуляторе работает (картинки отображаются), а в iOS версии вот такая ошибка (как на скрине)
ну вообще я бы не стал так делать. основная причина - что будет если продукты нужно будет заменить / отредактировать / добавить? картинки в таком случае придется откуда-то брать. при такой архитектуре - как минимум пересобирать приложение.

если это не проблема - тогда все картинки известны заранее, можно сформировать объект и импортировать статически все картинки в него, а потом по ключу выбирать.

если задача в том чтобы при этом уменьшить нагрузку на сервер - можно заморочиться на тему кеширования картинок при загрузке или вынести картинки в cdn а в базе держать только url.
источник

K

Kос in React Native — русскоговорящее сообщество
Vitaliy Ponomarev
ну вообще я бы не стал так делать. основная причина - что будет если продукты нужно будет заменить / отредактировать / добавить? картинки в таком случае придется откуда-то брать. при такой архитектуре - как минимум пересобирать приложение.

если это не проблема - тогда все картинки известны заранее, можно сформировать объект и импортировать статически все картинки в него, а потом по ключу выбирать.

если задача в том чтобы при этом уменьшить нагрузку на сервер - можно заморочиться на тему кеширования картинок при загрузке или вынести картинки в cdn а в базе держать только url.
У меня картинки еще на бэке хранятся, я имею полный адрес до них типа https://api.site.ru/images/img1.jgp - я сначала так подставлял, просто адрес весь, опять таки в веб-эмуляторе картинки грузились, а в iOS - ошибок не было никаких, но и изображения не отображались (белый прямоугольник был, размером с картинку). Я с RN только знакомлюсь, можно вообще подставлять абсолютный адрес до картинки на сервере? Должно ли такое работать?
источник

К

К in React Native — русскоговорящее сообщество
Kос
У меня картинки еще на бэке хранятся, я имею полный адрес до них типа https://api.site.ru/images/img1.jgp - я сначала так подставлял, просто адрес весь, опять таки в веб-эмуляторе картинки грузились, а в iOS - ошибок не было никаких, но и изображения не отображались (белый прямоугольник был, размером с картинку). Я с RN только знакомлюсь, можно вообще подставлять абсолютный адрес до картинки на сервере? Должно ли такое работать?
Можно, через source={{uri:""}}
источник

VP

Vitaliy Ponomarev in React Native — русскоговорящее сообщество
Kос
У меня картинки еще на бэке хранятся, я имею полный адрес до них типа https://api.site.ru/images/img1.jgp - я сначала так подставлял, просто адрес весь, опять таки в веб-эмуляторе картинки грузились, а в iOS - ошибок не было никаких, но и изображения не отображались (белый прямоугольник был, размером с картинку). Я с RN только знакомлюсь, можно вообще подставлять абсолютный адрес до картинки на сервере? Должно ли такое работать?
https://reactnative.dev/docs/image#source

там либо require('static_local') либо { uri: 'http://remote'}
источник

G

Grzegorz in React Native — русскоговорящее сообщество
как в react navigation v5 отобразить контент поверх шапки, не вынося его выше по дереву компонентов?
источник

К

К in React Native — русскоговорящее сообщество
Grzegorz
как в react navigation v5 отобразить контент поверх шапки, не вынося его выше по дереву компонентов?
через absolute мейби?
источник

К

К in React Native — русскоговорящее сообщество
и zIndex
источник

ИЦ

Илья Цымбалюк... in React Native — русскоговорящее сообщество
ребят как быть с key для списков? Есть две страницы, на обе выводится один и тот же список. И оно ругается что два списка с одинаковыми ключами, но блин они ж на разных страницах
источник

G

Grzegorz in React Native — русскоговорящее сообщество
К
через absolute мейби?
источник

К

К in React Native — русскоговорящее сообщество
Аа
источник

К

К in React Native — русскоговорящее сообщество
Ну тогда хз)
источник

K

Kос in React Native — русскоговорящее сообщество
Vitaliy Ponomarev
https://reactnative.dev/docs/image#source

там либо require('static_local') либо { uri: 'http://remote'}
А картинки грузить с хедерами можно? Там просто Бейсик стоит
источник

VP

Vitaliy Ponomarev in React Native — русскоговорящее сообщество
Kос
А картинки грузить с хедерами можно? Там просто Бейсик стоит
да, поддерживается

https://t.me/reactnative_ru/173107
источник

ЛХ

Лапки Х in React Native — русскоговорящее сообщество
А почему нельзя просто
const variable = 0
<Text>{variable}</Text>
variable++

А только useState()? В чем отличие, почему переменная в первом случае не рендерится с новым значением?
источник

K

Kос in React Native — русскоговорящее сообщество
Заработало, спасибо большое, забыл про бейсик, поэтому с iOS ничего и не грузилось
источник

ЛХ

Лапки Х in React Native — русскоговорящее сообщество
Как заблокировать ориентацию телефона? есть решения кроме не родных модулей?
источник

V

Vlad in React Native — русскоговорящее сообщество
Лапки Х
А почему нельзя просто
const variable = 0
<Text>{variable}</Text>
variable++

А только useState()? В чем отличие, почему переменная в первом случае не рендерится с новым значением?
Для ответа на этот вопрос лучше еще раз ознакомиться с документацией реакта)
источник

ЛХ

Лапки Х in React Native — русскоговорящее сообщество
Vlad
Для ответа на этот вопрос лучше еще раз ознакомиться с документацией реакта)
я вроде читал, не нашел разницы
источник

АБ

Александр Бакиматов... in React Native — русскоговорящее сообщество
Лапки Х
я вроде читал, не нашел разницы
как по твоему реакт компонент должен узнать что состояние изменилось?
источник

ЛХ

Лапки Х in React Native — русскоговорящее сообщество
Александр Бакиматов
как по твоему реакт компонент должен узнать что состояние изменилось?
🧐 логично. не подумал
источник