React Native，二维码扫描部分设备黑屏答案

【问题标题】：React native , QR code Scanning Black screen in some devicesReact Native，二维码扫描部分设备黑屏
【发布时间】：2017-08-28 16:06:51
【问题描述】：

我正在尝试使用 react 原生库 barcode-scanner-google 创建一个二维码扫描器

但面临黑屏问题。它也是一个开放的GitHub issue。

请大家帮忙解决一下。

我发现这是特定于某些 android 版本和设备的。请在下面找到一些具有此问题的操作系统详细信息的设备。

安卓版本：6.0.1 Redmi Note 3
Android 版本：7.1.1（不稳定版本和 root 手机，含氰 nightly14.1）
Android 版本：7.0.0（联想 K6 电源）

【问题讨论】：

标签： android react-native android-camera barcode-scanner autofocus

【解决方案1】：

我遇到了同样的问题，我找到了解决方案here

    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);

这不是一个明确的解决方案，但它是一种可行的解决方法。获得焦点后会显示 QrCodeCamera 视图，但它是比黑屏更好的功能；）。

【讨论】：

【解决方案2】：

如果问题是当他们点击“返回”时会导致摄像头屏幕变黑，您可以使用backHandler 为该屏幕添加一个监听器以弹出到前一个屏幕。更多信息在这里 - https://facebook.github.io/react-native/docs/backhandler.html

【讨论】：