Может не загружать изображения с require при создании ListItem с React Native - PullRequest
Новая
       20

Может не загружать изображения с require при создании ListItem с React Native

0 голосов
/ 20 марта 2019

Я пытаюсь загружать изображения динамически. У меня должно быть много изображений. Для примера: книга, телефон, экран, тетрадь, карандаш и т. Д.

В моем компоненте ListsScreen я получу в реквизит, какие фотографии (элементы) будут загружены в мой компонент (leftAvatar в ListItem).

У меня есть папка, которая содержит все их изображения (pencil.jpg, book.jpg и т. Д.). Таким образом, приложение динамически загружает нужные элементы.

Так что я думал, что сделаю что-то вроде 

import { ListItem, List } from 'react-native-elements'

...

render() {
    return (
      <View>
          {Object.keys(this.props.items).map((item, index) => {  

          return (
            <ListItem 
              key={index}
              title={capitalize(item)}
              leftAvatar={{source: require(`../assets/items/${item}.jpg`)}}
            />
          )})}

      </View>
    )
  }

Однако мы знаем, что строка должна быть статической, а не встроенной во время выполнения. Таким образом, я не могу загрузить свое изображение.

Я также думал, что у меня есть const, который говорит, что такое URL, или даже с требованием. 

{ pencil: '../assets/items/pencil.jpg' }

Но это тоже не работает. Он по-прежнему говорит, что это неверный вызов.

Кто-нибудь знает, как я могу решить эту проблему?

...