React native 如何删除expo条形码扫描仪中的额外空白

iOS运行良好，条码扫描器可以全屏显示，但当我使用android时，会有额外的空白

<BarCodeScanner
  onBarCodeScanned={scanned ? undefined : this._handleBarCodeScanned}
  style={[StyleSheet.absoluteFill, { flex: 1 }]}
/>

---

在最新版本的世博会条形码扫描仪中，这似乎是一个问题。一种可能的解决方法是将条形码扫描仪的尺寸显式设置为屏幕尺寸：

import { Dimensions } from 'react-native';

<BarCodeScanner style={{
    width: Dimensions.get('screen').width,
    height: Dimensions.get('screen').height,
}} />           

从'react native'导入{Dimensions}；

---

请注意，将其设置为窗口的尺寸，就像您尝试的那样，不起作用。

FrederikVds的答案对我不起作用。因此，我已经改变了世博会相机，它也有条形码扫描仪的功能。您可以按如下方式进行操作：

import { Camera } from 'expo-camera'

<Camera
  onBarCodeScanned={scanned ? undefined : this._handleBarCodeScanned}
  style={StyleSheet.absoluteFillObject}
/>

从“expo Camera”导入{Camera}

您也可以选择使用

比率='16:9'

如果需要在react native cli中使用expo库，则应遵循以下步骤

---

以下是问题讨论：

感谢您的帮助。但出于某种原因，我已将项目从expo更改为react native cli。@ZeeshanAnsari不是问题。。。不过，您可以将这些expo模块与react native cli一起使用。

import { Camera } from 'expo-camera'

<Camera
  onBarCodeScanned={scanned ? undefined : this._handleBarCodeScanned}
  style={StyleSheet.absoluteFillObject}
/>