Style of camera

[samaneh-kamalian]

Hi. I use react-native-qrcode-scanner in my android version of my app. the page that has camera is like this:

but in PWA version that i use react-qr-reader, i can not style the camera to cover my page like in android version:

As you can see, there is a gray area that is between camera and my bottom content. I try lots of thing, like this code:

      <View style={{height: wp("200%")}}>
                    <QRCodeScanner
                      delay={1000}
                      onScan={this.props.barcodeRecognized.bind(this)}
                      style={{ height: '100%', overflow: 'auto' }}
                    />
       </View>

But there is no change in the height of the camera section! Could you please help me and suggest me a solution?

[samaneh-kamalian]

Hi. I use react-native-qrcode-scanner in my android version of my app. the page that has camera is like this:

but in PWA version that i use react-qr-reader, i can not style the camera to cover my page like in android version:

As you can see, there is a gray area that is between camera and my bottom content. I try lots of thing, like this code:

      <View style={{height: wp("200%")}}>
                    <QRCodeScanner
                      delay={1000}
                      onScan={this.props.barcodeRecognized.bind(this)}
                      style={{ height: '100%', overflow: 'auto' }}
                    />
       </View>

But there is no change in the height of the camera section! Could you please help me and suggest me a solution?

Any solution? :(

[samaneh-kamalian]

There is not any solution?

[NamNP06]

in PWA , i not display camera, please help me

[filipenadai]

PWA not display camera, don't have any solution ?

[marcel-rf]

There is not any solution?

To solve it you need to set container.overflow to 'visible' or set the overflow to something other than hidden to the containerStyle or chnage In the file https://github.com/react-qr-reader/react-qr-reader/blob/c7e15006060c2c8aebee372491d65db7c1312383/src/QrReader/styles.ts#L5