在 react-Native 中退出相机视图

Posted 2023-03-11

【中文标题】在 react-Native 中退出相机视图

【英文标题】：Exiting the camera view in 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>

【问题讨论】：

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

【参考方案1】：

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

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

    return <OtherElementsToDisplay />