在 react-Native 中退出相机视图答案

【问题标题】：Exiting the camera view in react-Native在 react-Native 中退出相机视图
【发布时间】：2020-01-10 12:35:29
【问题描述】：

我正在使用 react-native-camera，当我打开它时，我无法使用硬件按钮返回，所以我决定创建一个按钮 EXIT，以便当用户单击它时应该返回上一个视图。问题是我只使用一个类！那么如何导航到相同的课程但不同的视图？

这是我尝试的方式：

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

<View style={styles.barcode_bottomOverlay}>
                    <TouchableOpacity onPress={() => this.props.navigation.navigate('ThisPage', { data })}>
                        <Text>Exit</Text>
                    </TouchableOpacity>

【问题讨论】：

你能提供你的全班代码吗？

标签： react-native view react-native-navigation react-native-camera

【解决方案1】：

您可能对状态变量进行条件渲染。并在用户单击退出按钮时创建一个 setState ？

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

    return <OtherElementsToDisplay />
  }

【讨论】：