ios - React Native Undefined 不是对象(评估 'this.camera.capture' )

Question

export class CameraView extends Component {
render(){
    return(
        <View style={{
                flex: 1,
                width: '100%',
                height: '100%',
            }}>
            <Camera
                ref={(cam) => {
                    this.camera = cam;
                }}
                style={styles.preview}
                aspect={Camera.constants.Aspect.fill}>
                <CaptureControls></CaptureControls>
                <Image></Image>
            </Camera>
        </View>
    );
  }
}


export class CaptureControls extends Component {
render(){
    return(
        <View style={{
                flexDirection: 'row',
                alignItems: 'center',
                justifyContent: 'center',
                bottom: 30,
            }}>
            <Image style={{
                    width: 30,
                    height: 30,
                    marginRight: 75,
                }} source={require('img/opengallery.png')}></Image>
            <TouchableHighlight onPress={this.takePicture.bind(this)}>
                <Image style={{
                        width: 70,
                        height: 70,
                    }} source={require('img/takepicture.png')}> </Image>
            </TouchableHighlight>
            <Image style={{
                        width: 30,
                        height: 30,
                        marginLeft: 75,
                }} source={require('img/switchcam.png')}></Image>
        </View>
    );
}
takePicture() {
    this.camera.capture()
    .then((data) => console.log(data))
    .catch(err => console.error(err));
}
}

这是我的代码。当按下拍照按钮时，我得到 undefined is not an object。我的代码有什么问题？ takePicture() 虽然在 Text 元素上工作。我在图像周围添加了一个 TouchableHighlight，并将 onPress 添加到 TouchableHighlight，但现在它崩溃了。

亲切的问候， 马修

Answer 1

我猜你同时想到了这一点。 “相机”变量在 CameraView 的上下文中分配，但代码尝试从 CaptureControls 中访问它。