我在世博会中使用相机包,并且能够成功拍照。
拍照后,我得到了一个带有数据的对象
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
的值必须是静态路径,并且它不能接受变量。
那么,如何在不将其保存到照片库并使用图像选择器从图库中打开图像的情况下显示图像呢?
如果您使用的是图像的绝对路径,则可以像下面这样操作 -
<ImageBackground source={{uri: Object.uri}} />
对于具有内联样式的图像 -
<Image style={{ height: 200, resizeMode: 'cover' }} source={{ uri: Object.uri }} />