Javascript 如何缩小二维码扫描仪的尺寸，定制二维码扫描仪

如何缩小二维码扫描仪的尺寸。 当我尝试应用样式道具时，它不起作用
在下面的代码中，我的扫描仪正在工作，但它正在全屏显示，我必须降低它的高度和宽度

 import React, { Component } from 'react';

    import {
      AppRegistry,
      StyleSheet,
      Text,
      TouchableOpacity,
      Linking,
      View,
    } from 'react-native';
    import {  Dimensions } from "react-native";

    const SCREEN_HEIGHT = Dimensions.get("window").height;
    const SCREEN_WIDTH = Dimensions.get("window").width;
    const scanBarWidth = SCREEN_WIDTH * 0.46;

    import QRCodeScanner from 'react-native-qrcode-scanner';

    export default class OpenTicket extends Component {
      onSuccess(e) {
    //    console.log(e.data);
        this.props.navigation.navigate('OpenApplianceIssue', {
          data: e.data,
          } );
      }


      render() {
        return (
    // this below scanner size I have to reduce 

          <QRCodeScanner style={{height: 50, width: 50, 
             borderRadius: 10}}
            onRead={this.onSuccess.bind(this)}
            cameraStyle={{ height: SCREEN_HEIGHT }}
            cameraProps={{captureAudio: false}}
            bottomContent={
                <Text style={styles.buttonText}>SCAN ITEM</Text>


            }

          />
        );
      }
    }

    const styles = StyleSheet.create({
      centerText: {
        flex: 1,
        fontSize: 18,
        padding: 32,
        color: '#777',
      },
      textBold: {
        fontWeight: '500',
        color: '#000',
      },
      buttonText: {
        fontSize: 21,
        color: 'rgb(0,122,255)',
      },
      buttonTouchable: {
        padding: 16,
      },
    });

import React，{Component}来自'React'；
进口{
评估学，
样式表，
文本，
可触摸不透明度，
链接，
看法
}从“反应本机”；
从“react native”导入{Dimensions}；
常量屏幕高度=尺寸。获取（“窗口”）。高度；
const SCREEN_WIDTH=尺寸。获取（“窗口”）。宽度；
常量扫描条宽度=屏幕宽度*0.46；
从“react native qrcode scanner”导入QRCodeScanner；
导出默认类OpenTicket扩展组件{
成功（e）{
//控制台日志（如数据）；
this.props.navigation.navigate（'OpenApplianceSue'{
数据：即数据，
} );
}
render（）{
返回(
//这比我必须缩小的扫描仪尺寸小
);
}
}
const styles=StyleSheet.create({
中心文本：{
弹性：1，
尺码：18，
填充：32，
颜色：'#777'，
},
文本粗体：{
容重：“500”，
颜色：“#000”，
},
按钮文字：{
尺寸：21，
颜色：“rgb（0122255）”，
},
按钮可触摸：{
填充：16，
},
});

//我已经附上我的完整代码，这是我正在使用的。

---

//谢谢。

您可以使用具有恒定高度而不是整个屏幕高度的摄像机样式 以下是我的工作道具：

containerStyle={{height:300}}
cameraStyle={[{height:300}]}