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

Question

我正在使用 Camera包裹在世博会，我能够成功拍照。

拍照后，我得到一个带有数据的对象

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的value must be a static path并且它不能接受变量。

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

Answer 1

如果您使用图像的绝对路径，则可以像下面这样操作 -

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

对于具有内联样式的图像 -

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