Блог

Я новичок в Rncamera, я просто хотел сделать предварительный просмотр камеры в виде прямоугольника посередине (такой сканер чисел). мой код довольно прост

                  <RNCamera
                    ref={ref => {
                        this.camera = ref;
                    }}
                    style={styles.preview}
                    type={RNCamera.Constants.Type.back}
                    flashMode={RNCamera.Constants.FlashMode.on}
                    androidCameraPermissionOptions={{
                        title: 'Permission to use camera',
                        message: 'We need your permission to use your camera',
                        buttonPositive: 'Ok',
                        buttonNegative: 'Cancel',
                    }}
                    onTextRecognized={({textBlocks}) => {
                        if(textBlocks.length>0){
                            textBlocks.forEach(block => {
                                this.handleScan(block.value)
                            })
                        }
                    }}
                />
                <View style={{ flex: 0, flexDirection: 'row', justifyContent: 'center' }}>
                <TouchableOpacity onPress={this.takePicture.bind(this)} style={styles.capture}>
                    <Text style={{ fontSize: 14 }}> SNAP </Text>
                </TouchableOpacity>
                </View>
 
  

я попытался установить ширину и высоту в качестве опоры стиля, но, похоже, это не работает

 preview: {
  flex: 1,
  justifyContent: 'flex-end',
  alignItems: 'center',
  height: 30,
  width: 400
},
  

Есть ли другой способ сделать это?