来自相机的 Expo/React Native 图像路径

Question

我在 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 />or<Image />组件。例如

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

当然，这两个组件中的任何一个的问题是require'值必须是静态路径并且它不能接受变量。

那么如何在不将图像保存到照片库并使用图像选择器从库中打开它的情况下显示图像呢？

Answer 1

如果您使用的是图像的绝对路径，则可以像下面那样执行 -<ImageBackground&nbsp;source={{uri:&nbsp;Object.uri}}&nbsp;/>对于具有内联样式的图像 -<Image&nbsp;style={{&nbsp;height:&nbsp;200,&nbsp;resizeMode:&nbsp;'cover'&nbsp;}}&nbsp;source={{&nbsp;uri:&nbsp;Object.uri&nbsp;}}&nbsp;/>