Add resize mode cover/contain

ios/ReactNativeCameraKit/CKCameraManager.m

@@ -20,6 +20,7 @@ @interface RCT_EXTERN_MODULE(CKCameraManager, RCTViewManager)
 RCT_EXPORT_VIEW_PROPERTY(torchMode, CKTorchMode)
 RCT_EXPORT_VIEW_PROPERTY(ratioOverlay, NSString)
 RCT_EXPORT_VIEW_PROPERTY(ratioOverlayColor, UIColor)
+RCT_EXPORT_VIEW_PROPERTY(resizeMode, CKResizeMode)
 
 RCT_EXPORT_VIEW_PROPERTY(scanBarcode, BOOL)
 RCT_EXPORT_VIEW_PROPERTY(onReadCode, RCTDirectEventBlock)

ios/ReactNativeCameraKit/CKTypes+RCTConvert.m

@@ -41,4 +41,9 @@ @implementation RCTConvert (CKTypes)
     @"off": @(CKZoomModeOff)
 }), CKZoomModeOn, integerValue)
 
+RCT_ENUM_CONVERTER(CKResizeMode, (@{
+    @"cover": @(CKResizeModeCover),
+    @"contain": @(CKResizeModeContain)
+}), CKResizeModeCover, integerValue)
+
 @end

ios/ReactNativeCameraKit/CameraProtocol.swift

@@ -18,6 +18,7 @@ protocol CameraProtocol: AnyObject, FocusInterfaceViewDelegate {
     func update(onZoom: RCTDirectEventBlock?)
     func update(zoom: Double?)
     func update(maxZoom: Double?)
+    func update(resizeMode: ResizeMode)
 
     func zoomPinchStart()
     func zoomPinchChange(pinchScale: CGFloat)

ios/ReactNativeCameraKit/RealCamera.swift

@@ -27,6 +27,7 @@ class RealCamera: NSObject, CameraProtocol, AVCaptureMetadataOutputObjectsDelega
     private let photoOutput = AVCapturePhotoOutput()
     private let metadataOutput = AVCaptureMetadataOutput()
 
+    private var resizeMode: ResizeMode = .contain
     private var flashMode: FlashMode = .auto
     private var torchMode: TorchMode = .off
     private var resetFocus: (() -> Void)?
@@ -291,6 +292,17 @@ class RealCamera: NSObject, CameraProtocol, AVCaptureMetadataOutputObjectsDelega
         }
     }
 
+    func update(resizeMode: ResizeMode) {
+        DispatchQueue.main.async {
+            switch resizeMode {
+            case .cover:
+                self.cameraPreview.previewLayer.videoGravity = .resizeAspectFill
+            case .contain:
+                self.cameraPreview.previewLayer.videoGravity = .resizeAspect
+            }
+        }
+    }
+
     func capturePicture(onWillCapture: @escaping () -> Void,
                         onSuccess: @escaping (_ imageData: Data, _ thumbnailData: Data?) -> Void,
                         onError: @escaping (_ message: String) -> Void) {

ios/ReactNativeCameraKit/SimulatorCamera.swift

@@ -161,6 +161,8 @@ class SimulatorCamera: CameraProtocol {
             }
         }
     }
+
+    func update(resizeMode: ResizeMode) {}
 
 
     func isBarcodeScannerEnabled(_ isEnabled: Bool,

ios/ReactNativeCameraKit/Types.swift

@@ -105,6 +105,19 @@ public enum ZoomMode: Int, CustomStringConvertible {
     }
 }
 
+@objc(CKResizeMode)
+public enum ResizeMode: Int {
+    case cover = 0
+    case contain = 1
+
+    public var stringValue: String {
+        switch self {
+        case .cover: return "cover"
+        case .contain: return "contain"
+        }
+    }
+}
+
 @objc(CKSetupResult)
 enum SetupResult: Int {
     case notStarted

src/index.ts

@@ -1,7 +1,7 @@
 import { NativeModules } from 'react-native';
 
 import Camera from './Camera';
-import { CameraApi, CameraType, CaptureData, FlashMode, FocusMode, TorchMode, ZoomMode } from './types';
+import { CameraApi, CameraType, CaptureData, FlashMode, FocusMode, TorchMode, ZoomMode, ResizeMode } from './types';
 
 const { CameraKit } = NativeModules;
 
@@ -15,4 +15,4 @@ export const Orientation = {
 
 export default CameraKit;
 
-export { Camera, CameraType, TorchMode, FlashMode, FocusMode, ZoomMode, CameraApi, CaptureData };
+export { Camera, CameraType, TorchMode, FlashMode, FocusMode, ZoomMode, CameraApi, CaptureData, ResizeMode };

src/types.ts

@@ -11,6 +11,8 @@ export type FocusMode = 'on' | 'off';
 
 export type ZoomMode = 'on' | 'off';
 
+export type ResizeMode = "cover" | "contain";
+
 export type CaptureData = {
   uri: string;
   name: string;