Qr Scanner in TabNavigation

Hello, how can i open the camera again after i click on the other navigationTab. It became black after i go back to QrScanner Tab. Im using react-navigation v2

[alz10]

import { withNavigationFocus } from "react-navigation";
import QRCodeScanner from "react-native-qrcode-scanner";

class QrCodeCamera extends Component {

      renderCamera() {
         const isFocused = this.props.navigation.isFocused();
         
         if (!isFocused) {
             return null;
         } else if (isFocused) {
             return (
                <QRCodeScanner />
             )
         }

      render() {
         return (
           <View style={{ flex: 1 }}>
              {this.renderCamera()}
           </View>
     }
}

export default withNavigationFocus(QrCodeCamera);

[danhnguyeen]

I found this way. Hope it help

import React, { Component } from 'react';
import { View } from 'react-native';
import QRCodeScanner from 'react-native-qrcode-scanner';

class QRCode extends Component {
  state = {
    isRender: true
  }
  componentDidMount() {
    this.props.navigation.addListener('willFocus', (route) => {
      this.setState({ isRender: true })
    });
    this.props.navigation.addListener('willBlur', (route) => {
      this.setState({ isRender: false })
    });
  }
  render() {
    return (
      <View style={{flex: 1}}>
        { this.state.isRender &&
          <QRCodeScanner />
        }
      </View>
    );
  }
}
export default QRCode;