Как я могу передать файл изображения в реагировать нативный как URI, так как require просто возвращает число?

Question

Я ищу решение для передачи изображения URI на собственный модуль в Android. Проблема в том, что когда мне требуется изображение в реагировать на нативный, оно просто возвращает число.

Так что мне нужно было бы загрузить URI напрямую или какую-то строку, которая может быть преобразована в файл, а затемна URI в Android.

РЕДАКТИРОВАТЬ:

Мои изображения загружаются в отдельный файл, как это:

{ sticker1: { uri: require('./Sticker_1.png'), path: './Sticker_1.png' } },

После этого я отображаю элементы в плоский список, как это:

renderItem(item) {
const itemIndex = item.index;
const itemKey = `sticker${itemIndex + 1}`;
const sticker = item.item[itemKey];

return (
  <TouchableOpacity
    onPress={() => this.handOverSticker()}
    key={itemKey}
  >
      <Image source={sticker.uri} style={styles.previewImage} key={itemKey} />
  </TouchableOpacity>
);
}

Пока все работает. Функция handOverSTicker выглядит следующим образом:

handOverSticker(sticker) {
  this.props.handleUseSticker(sticker);
}

Затем другой компонент заботится о URI в собственном модуле реагирования в Android и выполняет другие действия. Проблема в том, что полученный URI является возвращаемым номером по требованию.

Спасибо!

Answer 1

constructor(props){
  super(props);
   let imgUrl = props.image ? { uri: props.image } : require("../assets/images/image.jpg");
 this.state = { image: imgUrl };
}

В источнике изображения разместите этот код:

source={this.state.image}