Example

示例

import React, { Component } from 'react';
import {View,ImagePickerIOS,StyleSheet,Button ,Image} from 'react-native';
export class pageComponent extends Component {
    constructor(props){
        super(props);
        this.state = { image: null };
    }
    componentDidMount() {

    }
    pickImage=()=>{
        ImagePickerIOS.canRecordVideos((data) => alert(data))
    }
    canUseCamera=()=>{
        ImagePickerIOS.canUseCamera((data) => alert(data))

    }
    openSelectDialog=()=>{
        ImagePickerIOS.openSelectDialog({},
            imageUri => {this.setState({ image: imageUri });},
            error => console.error(error));
    }
    openCameraDialog=()=>{
        ImagePickerIOS.openCameraDialog({},
            imageUri => {this.setState({ image: imageUri });},
            error => console.error(error));
    }

    render(){
        return(
            <View style={styles.container}>
                <Button
                    style={styles.text}
                    onPress = {
                        this.pickImage
                    }
                    title = {'能获取视频'}
                />
                <Button
                    style={styles.text}
                    onPress = {
                        this.canUseCamera
                    }
                    title = {'能获取图片'}
                />

                <Button
                    style={styles.text}
                    onPress = {
                        this.openSelectDialog
                    }
                    title = {'显示本地图片'}
                />
                <Button
                    style={styles.text}
                    onPress = {
                        this.openCameraDialog
                    }
                    title = {'拍照'}
                />
                {this.state.image?<Image style={{ width: 100,height:100}} source={{ uri: this.state.image }} /> : null }

            </View>
        )
    }
}
const styles = StyleSheet.create({
    container: {
        marginTop: 100,
        padding: 10,
        borderRadius: 5,
        alignItems: 'center',
        width: 300
    },
    text: {
        marginTop: 20,
        fontSize:20,
    }
});