Пути изображения Expo / React Native с камеры - PullRequest
Новая
       13

Пути изображения Expo / React Native с камеры

2 голосов
/ 17 июня 2020

Я использую пакет Camera в Expo и могу успешно делать снимки.

После съемки я получаю объект с данными 

Object {
  "height": 4096,
  "uri": "file:///var/mobile/Containers/Data/Application/7399B27C-F34B-4B2F-8F58-237D41136EE9/Library/Caches/ExponentExperienceData/asdasdasdefwefw/Camera/C3D87AB5-6B91-4A9E-83FC-DFSFEEWFEFSAFSD.jpg",
  "width": 2304,
},

Теперь, чтобы отобразить это изображение, я хочу использовать компонент <ImageBackground /> или <Image />. например, 

 <ImageBackground source={require( Object.uri )} />

Конечно, проблема с любым из этих двух компонентов заключается в том, что require значение должно быть stati c path и не может принимать переменные.

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

1 Ответ

1 голос
/ 17 июня 2020

Если вы используете абсолютный путь к изображению, вы можете сделать это, как показано ниже - 

<ImageBackground source={{uri: Object.uri}} />

Для изображения со встроенным стилем - 

<Image style={{ height: 200, resizeMode: 'cover' }} source={{ uri: Object.uri }} />
...