android - React native，二维码扫描部分设备黑屏

Question

我正在尝试使用 React Native 库创建二维码扫描器 barcode-scanner-google

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

请大家帮忙解决

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

• Android 版本:6.0.1 红米 Note 3
• Android 版本:7.1.1(不稳定版本和带有 cyanogen nightly14.1 的 root 手机)
• Android 版本:7.0.0(Lenovo K6 Power)

Answer 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 View 在获得焦点后显示，但它是比黑屏更好的功能；)。