Почему выходит ошибка в компоненте Image react-native?

Question

[Новичок Иванович]

положил картинку в папку assets
сохранил путь в переменную image = '../../assets/wine1.png'
эту переменную передаю пропсами в компоненту продукт
там пытаюсь вывести картинку

<Image source={ require ( this.props.image )} style={styles.productImg} />

после этого выходит ошибка
require(image)
Failed building JavaScript bundle.

Answer 1

[Димка Реактнативный]

Импортируйте картинку, а не создавайте переменную

import image from '../../assets/wine1.png'

Comments

[Новичок Иванович]

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

[Димка Реактнативный]

Создаем массив с путями и названиями

export const ICONS = [
  {
    path: require('./logoBitcoin.png'),
    title: 'BTC'
  },
  {
    path: require('./logoTkeycoin.png'),
    title: 'TKEY'
  },
  {
    path: require('./logoLitecoin.png'),
    title: 'LTC'
  },
  {
    path: require('./logoEthereum.png'),
    title: 'ETH'
  }
]

Далее импортируем его в компонент и доберёмся до него фильтром

const image = () => ICONS.filter(x => x.title === title)[0].path

[Димка Реактнативный]

решением отмечать будем?