title: React navigation destroy screen
body: <p>I have a <code>button tab navigator</code> <code>Profile screen</code> and <code>BarcodeScanner screen</code>, after scanning a barcode i redirect the user to <code>Profile screen</code> but the camera is still working and it keeps scanning barcodes even the scene is the <code>Profile screen</code>. </p>
  
  <p>I don't know what should i do or how to close <code>Camera/barcode scanner</code>
  I use <code>Expo barcode Scanner</code></p>
  
  <p><strong>Code</strong></p>
  
  <pre><code>  import { BarCodeScanner, Permissions } from 'expo';
  
      &lt;View style={{ flex: 1 }}&gt;
        &lt;BarCodeScanner
          onBarCodeRead={this._handleBarCodeRead}
          style={StyleSheet.absoluteFill}
        /&gt;
      &lt;/View&gt;
  
    _handleBarCodeRead = (data) =&gt; {
      alert(`Bar code with type ${data.type} and data ${data.data} has been scanned!`);
        this.props.navigation('Profile')     
    }
  </code></pre>