如何设置宽度和高度，并在视图内向 Expo BarCodeScanner 添加边框

Question

我想在屏幕视图中放置一个 Expo BarCodeScanner。

我一直使用 vw 和 vh 来表示宽度和高度，因为我希望它根据我拥有的屏幕空间量进行更改。我尝试在它周围设置边框，但它从未显示出来。我尝试将其放在条形码扫描仪周围的视图以及扫描仪本身上。

这是我的条形码扫描仪的代码片段以及相应的样式和屏幕截图。

scannerContainer: {
    flex: 1,
    alignItems: 'center',
    justifyContent: 'center',
    width: vw(100),
    maxHeight: vh(50),
    backgroundColor: 'red',
    borderColor: colors.primary,
    borderWidth: 5
}

<View style={styles.scannerContainer}>
    <BarCodeScanner
        onBarCodeScanned={(hasScan) ? undefined : handleScan}
        barCodeTypes={[BarCodeScanner.Constants.BarCodeType.qr]}
        style={[StyleSheet.absoluteFillObject]}
    />
</View>

Answer 1

您可以使用条形码而不是使用条形码，expo camera因为BarCodeScanner存在活跃问题。

这是代码

import { Camera } from 'expo-camera';

<Camera
  onBarCodeScanned={this.onBarCodeScanned}
  ratio='16:9'
  style={StyleSheet.absoluteFillObject}
/>

链接： https: //github.com/expo/expo/issues/5212