React native 在react Native中退出摄影机视图

React native 在react Native中退出摄影机视图,react-native,view,react-native-navigation,react-native-camera,React Native,View,React Native Navigation,React Native Camera,我使用的是react native camera,当我打开它时,我无法使用硬件按钮返回,因此我决定创建一个按钮退出,这样当用户单击它时,应该返回到上一个视图。问题是我只使用了一个类!那么,如何导航到同一个类但不同的视图呢 以下是我尝试的方式: import { createStackNavigator, createAppContainer } from "react-navigation"; <View style={styles.barcode_bottomOverlay}>

我使用的是react native camera,当我打开它时,我无法使用硬件按钮返回,因此我决定创建一个按钮退出,这样当用户单击它时,应该返回到上一个视图。问题是我只使用了一个类!那么,如何导航到同一个类但不同的视图呢

以下是我尝试的方式:

import { createStackNavigator, createAppContainer } from "react-navigation";

<View style={styles.barcode_bottomOverlay}>
                    <TouchableOpacity onPress={() => this.props.navigation.navigate('ThisPage', { data })}>
                        <Text>Exit</Text>
                    </TouchableOpacity>
从“反应导航”导入{createStackNavigator,createAppContainer};
this.props.navigation.navigate('ThisPage',{data})}>
出口

您可以对状态变量进行条件呈现。当用户单击退出按钮时,只需设置一个状态

constructor(props) {
    super(props);
    this.state = {
      showCameraView : true,
    };
  }
 render() {
    if(this.state.showCameraView) {
        return <CameraViewComponentWithExitButton />
    }

    return <OtherElementsToDisplay />
  }
构造函数(道具){
超级(道具);
此.state={
摄影记者:是的,
};
}
render(){
if(this.state.showCameraView){
返回
}
返回
}

你能提供你的全部课程代码吗?