iOS 13 fullscreen #225

README.md

@@ -186,6 +186,7 @@ Tip: during a scan you can use the volume up/down buttons to toggle the torch.
     preferFrontCamera: false,     // default false
     showTorchButton: true,        // default false
     beepOnScan: true,             // Play or Suppress beep on scan (default true)
+    fullScreen: true,             // Currently only used on iOS; with iOS 13 modals are no longer shown fullScreen by default, which may be actually preferred. But to use the old fullScreen appearance, set this to 'true'. Default 'false'.
     torchOn: false,               // launch with the flashlight on (default false)
     closeCallback: () => { console.log("Scanner closed")}, // invoked when the scanner was closed (success or abort)
     resultDisplayDuration: 500,   // Android only, default 1500 (ms), set to 0 to disable echoing the scanned text
@@ -221,6 +222,7 @@ Tip: during a scan you can use the volume up/down buttons to toggle the torch.
     preferFrontCamera: false,     // default false
     showTorchButton: true,        // default false
     beepOnScan: true,             // Play or Suppress beep on scan (default true)
+    fullScreen: true,             // Currently only used on iOS; with iOS 13 modals are no longer shown fullScreen by default, which may be actually preferred. But to use the old fullScreen appearance, set this to 'true'. Default 'false'.
     torchOn: false,               // launch with the flashlight on (default false)
     closeCallback: function () { console.log("Scanner closed"); }, // invoked when the scanner was closed (success or abort)
     resultDisplayDuration: 500,   // Android only, default 1500 (ms), set to 0 to disable echoing the scanned text

demo/app/main-view-model.ts

@@ -115,6 +115,7 @@ export class HelloWorldModel extends Observable {
       resultDisplayDuration: 500,   // Android only, default 1500 (ms), set to 0 to disable echoing the scanned text
       orientation: orientation,     // Android only, default undefined (sensor-driven orientation), other options: portrait|landscape
       beepOnScan: true,             // Play or Suppress beep on scan (default true)
+      fullScreen: true,             // iOS 13+ modal appearance changed so they can be swiped down when this is false (default false)
       openSettingsIfPermissionWasPreviouslyDenied: true, // On iOS you can send the user to the settings app if access was previously denied
       closeCallback: () => {
         console.log("Scanner closed @ " + new Date().getTime());

src/barcodescanner-common.ts

@@ -72,6 +72,13 @@ export interface CommonScanOptions {
    */
   showTorchButton?: boolean;
 
+  /**
+   * Currently only used on iOS; with iOS 13 modals are no longer shown fullScreen by default,
+   * which may be actually preferred. But to use the old fullScreen appearance, set this to 'true'.
+   * Default: false
+   */
+  fullScreen?: boolean;
+
   /**
    * Launch the scanner with the flashlight turned on.
    */

src/barcodescanner.ios.ts

@@ -253,7 +253,7 @@ export class BarcodeScanner {
         this._scanner = QRCodeReaderViewController.readerWithCancelButtonTitleCodeReaderStartScanningAtLoadShowSwitchCameraButtonShowTorchButtonCancelButtonBackgroundColor(
             closeButtonLabel, reader, startScanningAtLoad, flip, torch, arg.cancelLabelBackgroundColor);
 
-        this._scanner.modalPresentationStyle = UIModalPresentationStyle.FormSheet;
+        this._scanner.modalPresentationStyle = arg.fullScreen ? UIModalPresentationStyle.FullScreen : UIModalPresentationStyle.FormSheet;
 
         this._scanDelegate = QRCodeReaderDelegateImpl.initWithOwner(new WeakRef(this));
         this._scanner.delegate = this._scanDelegate;