feat: add presentationStyle option on iOS (#1961)

Resolves #1820

README.md

@@ -94,6 +94,7 @@ The `callback` will be called with a response object, refer to [The Response Obj
 | includeExtra   | OK  | OK      | If true, will include extra data which requires library permissions to be requested (i.e. exif data)                                      |
 | saveToPhotos   | OK  | OK      | (Boolean) Only for launchCamera, saves the image/video file captured to public photo                                                      |
 | selectionLimit | OK  | OK      | Default is `1`, use `0` to allow any number of files. Only iOS version >= 14 support `0` and also it supports providing any integer value |
+| presentationStyle | OK  | NO      | Controls how the picker is presented. 'pageSheet', 'fullScreen', 'pageSheet', 'formSheet', 'popover', 'overFullScreen', 'overCurrentContext'. Default is 'currentContext' |
 
 ## The Response Object
 

ios/ImagePickerManager.h

@@ -1,11 +1,31 @@
 #import <React/RCTBridgeModule.h>
 #import <UIKit/UIKit.h>
+#import <React/RCTConvert.h>
 
 typedef NS_ENUM(NSInteger, RNImagePickerTarget) {
   camera = 1,
   library
 };
 
+@implementation RCTConvert(PresentationStyle)
+
+// see: https://developer.apple.com/documentation/uikit/uimodalpresentationstyle?language=objc
+RCT_ENUM_CONVERTER(
+    UIModalPresentationStyle,
+    (@{
+      @"currentContext": @(UIModalPresentationCurrentContext),
+      @"fullScreen": @(UIModalPresentationFullScreen),
+      @"pageSheet": @(UIModalPresentationPageSheet),
+      @"formSheet": @(UIModalPresentationFormSheet),
+      @"popover": @(UIModalPresentationPopover),
+      @"overFullScreen": @(UIModalPresentationOverFullScreen),
+      @"overCurrentContext": @(UIModalPresentationOverCurrentContext)
+    }),
+    UIModalPresentationCurrentContext,
+    integerValue)
+
+@end
+
 @interface ImagePickerManager : NSObject <RCTBridgeModule>
 
 @end

ios/ImagePickerManager.m

@@ -67,6 +67,7 @@ - (void)launchImagePicker:(NSDictionary *)options callback:(RCTResponseSenderBlo
             PHPickerConfiguration *configuration = [ImagePickerUtils makeConfigurationFromOptions:options target:target];
             PHPickerViewController *picker = [[PHPickerViewController alloc] initWithConfiguration:configuration];
             picker.delegate = self;
+            picker.modalPresentationStyle = [RCTConvert UIModalPresentationStyle:options[@"presentationStyle"]];
             picker.presentationController.delegate = self;
 
             if([self.options[@"includeExtra"] boolValue]) {

ios/ImagePickerUtils.m

@@ -43,7 +43,7 @@ + (void) setupPickerFromOptions:(UIImagePickerController *)picker options:(NSDic
         picker.mediaTypes = @[(NSString *)kUTTypeImage, (NSString *)kUTTypeMovie];
     }
 
-    picker.modalPresentationStyle = UIModalPresentationCurrentContext;
+    picker.modalPresentationStyle = [RCTConvert UIModalPresentationStyle:options[@"presentationStyle"]];
 }
 
 + (PHPickerConfiguration *)makeConfigurationFromOptions:(NSDictionary *)options target:(RNImagePickerTarget)target API_AVAILABLE(ios(14))

src/index.ts

@@ -15,6 +15,7 @@ const DEFAULT_OPTIONS: ImageLibraryOptions & CameraOptions = {
   saveToPhotos: false,
   durationLimit: 0,
   includeExtra: false,
+  presentationStyle: 'pageSheet'
 };
 
 export function launchCamera(options: CameraOptions, callback?: Callback) : Promise<ImagePickerResponse> {

src/types.ts

@@ -9,6 +9,14 @@ export interface ImageLibraryOptions {
   videoQuality?: AndroidVideoOptions | iOSVideoOptions;
   includeBase64?: boolean;
   includeExtra?: boolean;
+  presentationStyle?:
+    | 'currentContext'
+    | 'fullScreen'
+    | 'pageSheet'
+    | 'formSheet'
+    | 'popover'
+    | 'overFullScreen'
+    | 'overCurrentContext';
 }
 
 export interface CameraOptions