feat(hooks-1.0.0): support all device orientations on iOS

src/modal-controller.tsx

@@ -199,7 +199,24 @@ const ModalControllerProvider = (props: ModalControllerProviderProps) => {
     <Context.Provider value={modalConsumerProps}>
       {props.children}
 
-      <Modal transparent animationType="none" visible={modals.length > 0}>
+      <Modal
+        transparent
+        animationType="none"
+        visible={modals.length > 0}
+        supportedOrientations={
+          (topModal &&
+            topModal.supportedOrientations &&
+            !!topModal.supportedOrientations.length &&
+            topModal.supportedOrientations) ||
+          (props.supportedOrientations &&
+            !!props.supportedOrientations.length &&
+            props.supportedOrientations) || [
+            "portrait",
+            "portrait-upside-down",
+            "landscape"
+          ]
+        }
+      >
         <TouchableWithoutFeedback
           onPress={isCancelable ? hideTopModal : undefined}
         >

src/types.ts

@@ -1,6 +1,12 @@
 /* eslint-disable import/no-unresolved */
 import React from "react";
-import { StyleProp, ViewStyle, TextStyle, ImageStyle } from "react-native";
+import {
+  StyleProp,
+  ViewStyle,
+  TextStyle,
+  ImageStyle,
+  ModalProps
+} from "react-native";
 import { CustomAnimation, Animation } from "react-native-animatable";
 
 export enum Priority {
@@ -31,6 +37,7 @@ export interface ModalType {
   absolutePositioning?: StyleProp<ViewStyle>;
   animation: AnimationConfig;
   params?: Record<string, any>;
+  supportedOrientations?: ModalProps["supportedOrientations"];
 }
 
 export interface ConsumerProps {
@@ -51,6 +58,7 @@ export interface ModalControllerProviderProps {
     [key: string]: CustomAnimation<TextStyle & ViewStyle & ImageStyle>;
   };
   children: React.ReactChild;
+  supportedOrientations?: ModalProps["supportedOrientations"];
 }
 
 export type ShowModalConfig = Partial<ModalType> & Pick<ModalType, "name">;