내 앱에서 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 (
<View style={styles.parent}>
<View style={styles.container}>
<Camera style={styles.camera} ref="cam" type={this.state.type} captureTarget={Camera.constants.CaptureTarget.memory}></Camera>
<TouchableHighlight style={styles.captureButton} onPress={() => {component.refs.cam.capture({ sampleSize: 10 }).then(function(capturedBase64) {
component.setState({ capturedBase64 })});}}>
<Text style={{textAlign: 'center'}}>Capture</Text>
</TouchableHighlight>
<TouchableHighlight style={styles.switchButton} onPress={this.switchCamera}>
<Text style={{textAlign: 'center'}}>Switch</Text>
</TouchableHighlight>
</View>
<View style={styles.navigation_bar_bas}>
<TouchableHighlight style={styles.buttonNavigation} onPress={ () => this.props.navigator.push({id: 'PersonPage', sceneConfig: Navigator.SceneConfigs.FloatFromLeft, img:capturedBase64, page:'camera'})}>
<Text style={styles.item_text}>Précédent</Text>
</TouchableHighlight>
<TouchableHighlight style={styles.buttonNavigation}>
<Text style={styles.item_text}></Text>
</TouchableHighlight>
</View>
</View>
);
}
});
module.exports = PageCamera;
추가하면 내 이미지를 표시 할 수 있습니다.
<Image>
, 예를 들어, 대상을 cameraRoll로 변경하면 갤러리에서 내 이미지를 찾을 수 있습니다. 내 이미지를 다른 페이지 (PersonPage)로 보내고 싶습니다. 지금 '메모리'로 가능하다면? 'cameraRoll'을 사용할 수 있습니까 (cameraRoll 모듈은 Android 용 오픈 소스가 아닙니다 ..)?
당신의 도움을 주셔서 감사합니다.
문서 에 따르면 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
.
<Image source={{uri: this.props.linkFromPreviousScene}}/>
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다