Стиль shoutem компонент камеры

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 & style.cameraView & style.cameraFocusFrame,

Answer 1

Правила стилей для этих стилей можно найти в самом конце themeName.js, Вот это из темы по умолчанию, Рубикон:

'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,
  },
}

Как мы уже упоминали, мы намерены переопределить рамку фокусировки, чтобы она была отзывчивой по своей природе.