Allow using the front camera in ML Kit streaming views #705

Author: EddyVerbruggen

src/mlkit/barcodescanning/barcodescanning-common.ts

@@ -25,12 +25,6 @@ export const formatsProperty = new Property<MLKitBarcodeScanner, string>({
   defaultValue: null,
 });
 
-export const preferFrontCameraProperty = new Property<MLKitBarcodeScanner, boolean>({
-  name: "preferFrontCamera",
-  defaultValue: false,
-  valueConverter: booleanConverter
-});
-
 export const beepOnScanProperty = new Property<MLKitBarcodeScanner, boolean>({
   name: "beepOnScan",
   defaultValue: true,
@@ -45,18 +39,13 @@ export const reportDuplicatesProperty = new Property<MLKitBarcodeScanner, boolea
 
 export abstract class MLKitBarcodeScanner extends MLKitCameraView {
   protected formats: string;
-  protected preferFrontCamera: boolean;
   protected beepOnScan: boolean;
   protected reportDuplicates: boolean;
 
   [formatsProperty.setNative](value: string) {
     this.formats = value;
   }
 
-  [preferFrontCameraProperty.setNative](value: boolean) {
-    this.preferFrontCamera = value;
-  }
-
   [beepOnScanProperty.setNative](value: boolean) {
     this.beepOnScan = value;
   }
@@ -67,6 +56,5 @@ export abstract class MLKitBarcodeScanner extends MLKitCameraView {
 }
 
 formatsProperty.register(MLKitBarcodeScanner);
-preferFrontCameraProperty.register(MLKitBarcodeScanner);
 beepOnScanProperty.register(MLKitBarcodeScanner);
 reportDuplicatesProperty.register(MLKitBarcodeScanner);

src/mlkit/mlkit-cameraview-common.ts

@@ -1,21 +1,34 @@
 import { ContentView } from "tns-core-modules/ui/content-view";
 import { Property } from "tns-core-modules/ui/core/properties";
+import { booleanConverter } from "tns-core-modules/ui/core/view-base";
 
 export const processEveryNthFrameProperty = new Property<MLKitCameraView, number>({
   name: "processEveryNthFrame",
   defaultValue: 10,
 });
 
+export const preferFrontCameraProperty = new Property<MLKitCameraView, boolean>({
+  name: "preferFrontCamera",
+  defaultValue: false,
+  valueConverter: booleanConverter
+});
+
 export abstract class MLKitCameraView extends ContentView {
   static scanResultEvent: string = "scanResult";
 
   protected lastVisionImage;
 
   protected processEveryNthFrame: number;
+  protected preferFrontCamera: boolean;
 
   [processEveryNthFrameProperty.setNative](value: number) {
     this.processEveryNthFrame = value;
   }
+
+  [preferFrontCameraProperty.setNative](value: boolean) {
+    this.preferFrontCamera = value;
+  }
 }
 
 processEveryNthFrameProperty.register(MLKitCameraView);
+preferFrontCameraProperty.register(MLKitCameraView);