reactjs – 如何使用反应本机拍摄的图像

前端之家收集整理的这篇文章主要介绍了reactjs – 如何使用反应本机拍摄的图像前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我可以得到 react-native-camera模块访问相机并保存图像.但是,我不知道如何向用户显示此图像.

我在想什么

这里我拍照.这将产生在assets-library中的.jpg文件:// ….

@H_301_5@_takePicture() { var self = this; this.refs.cam.capture(function(err,data) { this.setState({photo: data}); console.log(err,data); // data is "assets-library://asset/asset.JPG?id=########-####-####-####-##########&ext=JPG" console.log('just took a picture'); }); }

但是,如果我尝试渲染图像:

@H_301_5@render: function() { return( <Image style={styles.image} source={{uri: this.state.photo}}/> ); }

我得到这个错误

找不到资源库的合适的图像URL加载器://asset/asset.JPG?id = …….

如何拍照,将其保存到我的应用程序的当前状态并呈现?

解决方案是启用 save to disk option与保存到cameraRoll选项: @H_301_5@<Camera captureTarget={Camera.constants.CaptureTarget.disk} // Rest of Camera options here />

猜你在找的React相关文章