我有一个名为 Cameraa 的组件类（Camera 中额外的 a 是故意的）。 创建组件类后，我在 App.js 中的 render() 中调用该组件，但会引发以下错误：

TypeError：undefined 不是对象（求值“_reactNativeCamera.default.constants”）。请问有人能解释一下我这里做错了什么吗？

请注意： 1. 为 Android 开发 Reat-Native 2. 使用 react-native-camera 库

来自 App.js 的渲染方法

import React from 'react';
import { SafeAreaView,StyleSheet,ScrollView,TouchableOpacity,View,Text,Button, 
 StatusBar,FlatList} from 'react-native';


import email from 'react-native-email';
import Header from './components/Header.js';
import InputBar from './components/InputBar.js';
import TodoItem from './components/TodoItem.js';
import Cameraa from './components/Cameraa.js';

render()
 {


    return(

          <View style={styles.container}>




              <Header title="Todo App"/>
              <InputBar
                SendEmail={() => this.SendEmail()}
                addNewTodo={ () => this.addNewTodo()}
                textChange={todoInput =>
                this.setState({todoInput:todoInput})}
                todoInput={this.state.todoInput}

               />

               <Cameraa />

               <FlatList
                data= {this.state.todos}
                extraData={this.state}
                keyExtractor = {(item,index) => index.toString()}
                renderItem = { ({item,index}) =>{


                    return(
                        <TodoItem todoItem={item}
                        toggleDone={() =>this.toggleDone(item)}
                        sendEmail = {() => this.SendEmail(item)}
                         removeTodo = {() => this.removeTodo(item)}/>

                    )

                }}


               />




           </View>

    );

  }

Cameraa 类/组件

import React, {Component} from 'react';
import{
    StyleSheet,
    View,
    StatusBar,
    Dimensions,
    TouchableOpacity,
}from 'react-native';
import Camera from 'react-native-camera';




let{height,width} = Dimensions.get('window');
let orientation = height > width ? 'Portrait' : 'Landscape';


class Cameraa extends Component {
    constructor(props)
    {
        super(props);
        this.state={
            orientation
        };
    }

    componentWillMount(){
        Dimensions.addEventListener('change',this.handleOrientationChange);
    }

    componentWillUnmount(){
        Dimensions.removeEventListener('change', this.handleOrientationChange)
    }

    handleOrientationChange = dimensions => {
        ({height,width} = dimensions.window);
        orientation= height > width ? 'Portrait' : 'Landscape';
        this.setState({orientation});
    };

    takePicture() {
        this.camera
            .capture()
            .then(data => {
                console.log(data);
            })
            .catch(err=>{
                console.error('capture picture erro');
            });
    }

    render() {
        return(
            <View style={{flex: 1}}>
                <StatusBar barStyle="light-content" translucent/>

                <Cameraa
                     captureTarget = {Camera.constants.CaptureTarget.disk}
                     ref = {cam=>{
                         this.camera = cam;
                      }}
                        style={styles.cameraContainer}
                        aspect = {Camera.constants.Aspect.fill}
                        orientation = "auto"
                >
                <View
                   style={this.state.orientation=== 'Portrait' ?
                   (styles.buttonContainerPortrait):(styles.buttonContainerLandscape)}
                >
                <TouchableOpacity
                    onPress={() => this.takePicture()}
                    style={ this.state.orientation === 'Portrait' ? (styles.buttonPortrait)
                    :(styles.buttonContainerLandscape)}
                >
                    <Icon
                        name="close-circle"
                        style={{fontSize: 40, color:'white'}}
                    />
                </TouchableOpacity>
                </View>
                </Cameraa>
             </View>

        );


    }
 }

    const styles = StyleSheet.create({
        cameraContainer:{
            flex : 1
        },
        buttonContainerPortrait:{
            position: 'absolute',
            bottom: 0,
            left: 0,
            right: 0,
            flexDirection: 'row',
            justifyContent: 'center',
            backgroundColor: 'rgba(0,0,0,0.9)'
        },
        buttonContainerLandscape:{
            position: 'absolute',
            bottom:0,
            top:0,
            right:0,
            flexDirection: 'column',
            justifyContent: 'center',
            backgroundColor: 'rgba(0,0,0.5)'
        },
        buttonPortrait:{
            backgroundColor: 'transparent',
            padding: 5,
            marginHorizontal: 20
        },
        buttonContainerLandscape:{
            backgroundColor: 'transparent',
            padding: 5,
            marginVertical: 20

        }


    });

    export default Cameraa;