Fatal编程技术网
  • javascript/
  • Javascript Expo/React相机的本机图像路径

Javascript Expo/React相机的本机图像路径

javascript react-native ecmascript-6

Javascript Expo/React相机的本机图像路径,javascript,react-native,ecmascript-6,expo,Javascript,React Native,Ecmascript 6,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

我在世博会上使用这个软件包，我能够成功地拍照

拍完一张照片后，我得到了一个带有数据的物体

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,
},
现在，为了显示此图像，我想使用
或
组件。e、 g

 <ImageBackground source={require( Object.uri )} />
当然，这两个组件中的任何一个的问题是
需要
，并且它不能接受变量


因此，如何显示图像而不将其保存到照片库并使用图像选择器从库中打开它？
如果使用图像的绝对路径，则可以按以下方式执行操作-


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






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


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





能否省略require并直接使用Object.uri？require是在编译时处理的，因此通常与user input一起使用是没有意义的。您是否尝试过链接的文档中提到的内容？它指向了一个键，这个键听起来像是可以完成您正在尝试做的事情。您是否尝试过使用source={{uri:Object.uri}}@vpzomtrrrft
键的名称是什么，文档没有声明一个`source={key:Object.uri}}不确定从何处获取密钥，我只希望
source={Object.uri}
起作用。您的ImageBackground示例不起作用，两个示例都必须使用第二个示例中描述的
uri
密钥，这很有效