React native 如何覆盖react本机相机套件中的相机样式?

React native 如何覆盖react本机相机套件中的相机样式?,react-native,react-native-camera,React Native,React Native Camera,我用这个组件来扫描qr,但是它的高度和宽度没有变化, 它的样式不起作用,我如何定义它的宽度和高度,比如50,50 <CameraKitCameraScreen style={{ width:'100%',height:'100%', backgroundColor: 'white' }} cameraOptions={{ flashMode: 'auto',

我用这个组件来扫描qr,但是它的高度和宽度没有变化, 它的样式不起作用,我如何定义它的宽度和高度,比如50,50

<CameraKitCameraScreen
        style={{
            width:'100%',height:'100%',
            backgroundColor: 'white'
          }}
          cameraOptions={{
            flashMode: 'auto',                
            focusMode: 'on',                 
            zoomMode: 'on',                   
            ratioOverlay:'1:1',               
            ratioOverlayColor: '#00000077'    
          }}
          showFrame={true}
          //Show/hide scan frame
          scanBarcode={true}
          offsetForScannerFrame = {50}
          heightForScannerFrame = {50}
          hideControls={true} 
          //Can restrict for the QR Code only
          laserColor={'blue'}
          //Color can be of your choice
          frameColor={'yellow'}
          //If frame is visible then frame color
          colorForScannerFrame={'green'}
          //Scanner Frame color
          onReadCode={event =>
            this.onBarcodeScan(event.nativeEvent.codeStringValue)
          }
        />

this.onBarcodeScan(event.nativeEvent.codeStringValue)
}
/>