diff --git a/src/ActionSheet/ActionGroup.tsx b/src/ActionSheet/ActionGroup.tsx
index 5551296..6f7133d 100644
--- a/src/ActionSheet/ActionGroup.tsx
+++ b/src/ActionSheet/ActionGroup.tsx
@@ -169,7 +169,7 @@ const styles = StyleSheet.create({
     width: 24,
     height: 24,
     marginRight: 32,
-    justifyContent: "center",
+    justifyContent: 'center',
   },
   message: {
     marginTop: 12,
diff --git a/src/ActionSheet/index.ios.tsx b/src/ActionSheet/index.ios.tsx
index b5dc498..e739be9 100644
--- a/src/ActionSheet/index.ios.tsx
+++ b/src/ActionSheet/index.ios.tsx
@@ -32,6 +32,7 @@ export default class ActionSheet extends React.Component<Props> {
       title: dataOptions.title || undefined,
       message: dataOptions.message || undefined,
       anchor: dataOptions.anchor || undefined,
+      userInterfaceStyle: dataOptions.userInterfaceStyle || undefined,
     };
     ActionSheetIOS.showActionSheetWithOptions(iosOptions, onSelect);
   }
diff --git a/src/types.ts b/src/types.ts
index 8e94159..4312389 100644
--- a/src/types.ts
+++ b/src/types.ts
@@ -2,7 +2,10 @@ import * as React from 'react';
 import { TextStyle, ViewStyle } from 'react-native';
 
 export interface ActionSheetProps {
-  showActionSheetWithOptions: (options: ActionSheetOptions, callback: (i: number) => void | Promise<void>) => void;
+  showActionSheetWithOptions: (
+    options: ActionSheetOptions,
+    callback: (i: number) => void | Promise<void>
+  ) => void;
 }
 
 // for iOS
@@ -14,6 +17,7 @@ export interface ActionSheetIOSOptions {
   cancelButtonIndex?: number;
   destructiveButtonIndex?: number;
   anchor?: number;
+  userInterfaceStyle?: 'light' | 'dark';
 }
 
 // for Android or Web