当前位置:  开发笔记 > Android > 正文

使用react-native-camera拍照

如何解决《使用react-native-camera拍照》经验,为你挑选了1个好方法。

我在我的应用程序中使用react-native-camera模块.对于这个例子,一切都很好.我的问题是在另一页上显示我的图像.这是我的代码:

'use strict';

var React = require('react-native');
var styles = require('./common/styles.js');

var {
  AppRegistry,
  StyleSheet,
  Text,
  View,
  Image,
  TouchableHighlight,
  TouchableOpacity,
  Navigator,
} = React;

var Camera = require('react-native-camera'); //require the camera component
var capturedBase64='';
var PageCamera = React.createClass({
    getInitialState: function() {
        return ({
            capturedBase64: '',
            type: Camera.constants.Type.back
        });
    },

    switchCamera: function() {
        this.setState({ type: this.state.type === Camera.constants.Type.back ? Camera.constants.Type.front : Camera.constants.Type.back });
    },

    render(){
      var component = this;
      return (
    
        
          
           {component.refs.cam.capture({ sampleSize: 10 }).then(function(capturedBase64) {
                component.setState({ capturedBase64 })});}}>
            Capture
          
          
            Switch
          
        
        
        
          Précédent
        
        
          
        
        
    
    );
    }
});

module.exports = PageCamera;

如果我添加,我可以显示我的图像

 

,作为示例,或者如果我将目标更改为cameraRoll,我可以在我的图库中找到我的图像.我想将我的图像发送到另一个页面(PersonPage).你现在可以用"记忆"吗?我可以使用'cameraRoll'(cameraRoll模块不是Android的开源代码..)?

谢谢你的帮助.



1> neciu..:

根据文档 memory目标已弃用.

如果您使用disk目标cameraRoll,则会给出以下链接:/Users/user/Library/Developer/CoreSimulator/Devices/XXXXXXX-09F8-4DC2-XXXA-69E79B6XXX45/data/Containers/Data/Application/41424B58-XXXX-40AF-989C-3E877116XXXX/Documents/XXXXC461-6870-4B73-XXXX-D875E8985533.jpg

将此链接用作标记中的常规uri参数image:


推荐阅读
拾味湖
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有