Exiting the camera view in react-Native

Question

I am using react-native-camera and when I open it I cant go back with the hardware button, so I decided to create a button EXIT so when user clicks on it should go back to the previous view. The problem is that I am only using one class! so how can I navigate to the same class but different view?

Here is the way I tried:

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

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

can you provide your whole class code? – Abdul Rafay Jan 10 '20 at 13:05 — Abdul Rafay, Jan 10 '20 at 13:05

score 0 · Answer 1 · answered Jan 10 '20 at 13:36

You may have conditionnal rendering on state variable. and just make a setState when user click exit button ?

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

    return <OtherElementsToDisplay />
  }

Exiting the camera view in react-Native

1 Answers1