React Native 异常记录 viewshot redmi note8 pro background失效

"react-native-view-shot": "^3.1.2",

"react-native": "0.59.8"

"react-native-qrcode-svg": "^6.0.6"

记录一个客户反馈的异常：rn版本0.59.8 view shot版本3.1.2

出现异常的机型：redmi note 8 pro miui 12.5.1

 

 

异常的现象：viewShot组件style中设置background颜色失效

                <ViewShot
                    style={styles.viewShot}
                    ref="viewShot" options={{format: "png", quality: 1, result: 'base64'}}>
                    <View
                        style={styles.viewCircleWhite}>
                    <QRCode
                        getRef={(c) => (this.svg = c)}
                        value={this.state.qrValue}
                        color={'#000'}//transparent
                        backgroundColor={'#ffffff'}
                        size={200}
                    />
                    </View>
                </ViewShot>

        viewShot: {
            alignSelf: 'center',
            backgroundColor: '#ffffff',
            padding: 20,
        }

        viewCircleWhite: {
            alignSelf: 'center',
            backgroundColor: '#ffffff',
            padding: 20,
        }

同类型排查：小米11u,小米10，小米8 均正常有效。

不知道是否这个机型BUG多，云测中都在占用

顺便说一下，

"react-native-qrcode-svg": "^6.0.6"这个版本识别二维码一定需要二维码外侧留一圈白边，如果是黑边就无法识别，原来的逻辑使用viewshot做一个白色外框，现修改为 中间嵌一层view做白色外框，这样不影响扫描识别和保存图片到本地。