Question

他，我试图将正确的样式放在适当位置，以便在相机屏幕上看到焦点图像，并在所有侧面都有一点填充物，但不知怎的，我无法完成它。

shoutem.camera来源如下：

<View style={style.cameraContainer}>
    <Camera
      onBarCodeRead={this.onQRCodeScanned}
      style={style.cameraView}
      aspect={Camera.constants.Aspect.fill}
      captureQuality={cameraQuality}
    />
    <Image
      source={require('../assets/images/focus-frame.png')}
      style={style.cameraFocusFrame}
    />
</View>

我要求style.cameraContainer＆amp; style.cameraView＆amp; style.cameraFocusFrame。

Answer 1

这些样式的样式规则可以在themeName.js的最后找到。这是默认主题Rubicon：

'shoutem.camera.QRCodeScanner': {
  cameraContainer: {
    flex: 1,
    justifyContent: 'center',
    alignItems: 'center',
  },
  cameraFocusFrame: {
    width: 175,
    height: 165,
    resizeMode: 'contain',
  },
  cameraView: {
    position: 'absolute',
    left: 0,
    right: 0,
    top: 0,
    bottom: 0,
  },
  noPermissionsMessage: {
    alignSelf: 'center',
    fontSize: 18,
    lineHeight: 20,
  },
}

正如您所提到的那样，我们打算重新实现焦点框架以便在本质上做出回应。

风格shoutem相机组件

1 个答案: