Телеграмм чат группы reactnative

2020 July 23

ДР

Дарья Ромашкина... in React Native — русскоговорящее сообщество

в самом начале я пробывала сделать максимально просто

{regions.map((region: Region, index: number) => {

// region.hero_image ===

 '../Assets/Images/africa.jpg'
  region.hero_image =

requirerequire(region.hero_image);

источник

18:00пожаловаться #1

ДР

Дарья Ромашкина... in React Native — русскоговорящее сообщество

и это просто не работает

источник

18:00пожаловаться #2

ДА

Данила Андреев... in React Native — русскоговорящее сообщество

Дарья Ромашкина

в самом начале я пробывала сделать максимально просто

{regions.map((region: Region, index: number) => {

// region.hero_image ===

 '../Assets/Images/africa.jpg'
  region.hero_image =

requirerequire(region.hero_image);

Ой, не надо так мутировать.

источник

18:01пожаловаться #3

ДР

Дарья Ромашкина... in React Native — русскоговорящее сообщество

хотя если сделать вот так

{regions.map((region: Region, index: number) => {
  
  const img = '../Assets/Images/africa.jpg'
  region.hero_image =

require(img);
то это работает и это просто взорвало мне мозг

источник

18:01пожаловаться #4

ДР

Дарья Ромашкина... in React Native — русскоговорящее сообщество

Jura Semenenko

создай обьект const images: {1: require(///img1.png), 2: require(///img2.png)} source={images.[imageNumber]}

не могу я так, мне не разрешают, говорят это хардкод и нам нафиг не нужен объект, который нужно писать руками

источник

18:02пожаловаться #5

VP

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

Дарья Ромашкина

хотя если сделать вот так

{regions.map((region: Region, index: number) => {
  
  const img = '../Assets/Images/africa.jpg'
  region.hero_image =

require(img);
то это работает и это просто взорвало мне мозг

потому что во втором случае бандлер видит эти пути, а в первом они будут вычислены в момент выполнения

источник

18:02пожаловаться #6

A

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

Дарья Ромашкина

просто из-за того, что я не могу сделать вот так {require(`../../img/{id}.jpg`) или {require(region.hero_image)} я не понимаю как их маппить

https://habr.com/ru/company/plarium/blog/471142/

Хабр

12 возможностей ES10 в 12 простых примерах

Перед вами перевод статьи из блога Carlos Caballero на сайте Medium.com. Автор расскажет нам о функциях, которые появились в версии ES10 2019 года. ES10 — это...

источник

18:03пожаловаться #7

ДР

Дарья Ромашкина... in React Native — русскоговорящее сообщество

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

источник

18:03пожаловаться #8

A

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

посмотри про динамический импорт

источник

18:03пожаловаться #9

A

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

сам я его не использовал еще

источник

18:03пожаловаться #10

JS

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

Alexander

посмотри про динамический импорт

Не надо путать грешное с праведным. Мы тут про РН говорим.

источник

18:04пожаловаться #11

JS

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

Дарья Ромашкина

не могу я так, мне не разрешают, говорят это хардкод и нам нафиг не нужен объект, который нужно писать руками

Ты уже его генеришь когда мапишь регион)

источник

18:06пожаловаться #12

ДР

Дарья Ромашкина... in React Native — русскоговорящее сообщество

кажись я чего-то сильно не понимаю

источник

18:06пожаловаться #13

VP

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

Alexander

посмотри про динамический импорт

это не сработает, потому что бандлер так не умеет, ему реальные пути нужны во время сборки, а не во время выполнения.

в рантайме нет никаких fs, есть только один бандл и ссылки на нативные ассеты

источник

18:06пожаловаться #14

ДР

Дарья Ромашкина... in React Native — русскоговорящее сообщество

Vitaliy Ponomarev

вот так
https://t.me/reactnative_ru/192971

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

создай обьект const images: {1: require(///img1.png), 2: require(///img2.png)} source={images.[imageNumber]}

Я правильно понимаю, что в этом случае, мне нужно написать объект, где я буду хранить все require(path-to-some-img), и выбирать нужное поле в зависимости от id региона?

источник

18:08пожаловаться #15

JS

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

Дарья Ромашкина

Я правильно понимаю, что в этом случае, мне нужно написать объект, где я буду хранить все require(path-to-some-img), и выбирать нужное поле в зависимости от id региона?

Да, все верно.

источник

18:09пожаловаться #16

АС

Алексей Савельев... in React Native — русскоговорящее сообщество

Vitaliy Ponomarev

это не сработает, потому что бандлер так не умеет, ему реальные пути нужны во время сборки, а не во время выполнения.

в рантайме нет никаких fs, есть только один бандл и ссылки на нативные ассеты

не нативные ;)

источник

18:09пожаловаться #17

VP

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

Дарья Ромашкина

Я правильно понимаю, что в этом случае, мне нужно написать объект, где я буду хранить все require(path-to-some-img), и выбирать нужное поле в зависимости от id региона?

да, это как один из вариантов решения

источник

18:09пожаловаться #18

VP

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

Алексей Савельев

не нативные ;)

да, согласен.
на ассеты в приложении )

источник

18:09пожаловаться #19

JS

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

Дарья Ромашкина

Я правильно понимаю, что в этом случае, мне нужно написать объект, где я буду хранить все require(path-to-some-img), и выбирать нужное поле в зависимости от id региона?

А если картинки грузятся через админу в базу, то как они попадут в память телефона? Я не очень понимаю этот момент…

источник

18:10пожаловаться #20