• Version 3.9.0
  • Published
  • 150 kB
  • 2 dependencies
  • MIT license


npm i @expo/react-native-action-sheet
yarn add @expo/react-native-action-sheet
pnpm add @expo/react-native-action-sheet


A cross-platform ActionSheet for React Native



function connectActionSheet

connectActionSheet: <OwnProps = any>(WrappedComponent: any) => any;

    function useActionSheet

    useActionSheet: () => ActionSheetProps;


      class ActionSheetProvider

      class ActionSheetProvider extends React.Component<Props> {}


        constructor(props: Props);

          property getContext

          getContext: () => {
          showActionSheetWithOptions: (
          options: ActionSheetOptions,
          callback: (i: number) => void
          ) => void;

            method render

            render: () => any;


              interface ActionSheetIOSOptions

              interface ActionSheetIOSOptions {}

                property anchor

                anchor?: number;

                  property cancelButtonIndex

                  cancelButtonIndex?: number;

                    property destructiveButtonIndex

                    destructiveButtonIndex?: number;

                      property message

                      message?: string;

                        property options

                        options: string[];

                          property tintColor

                          tintColor?: string;

                            property title

                            title?: string;

                              property userInterfaceStyle

                              userInterfaceStyle?: 'light' | 'dark';

                                interface ActionSheetOptions

                                interface ActionSheetOptions extends ActionSheetIOSOptions {}

                                  property autoFocus

                                  autoFocus?: boolean;

                                    property containerStyle

                                    containerStyle?: ViewStyle;

                                      property destructiveColor

                                      destructiveColor?: string;

                                        property icons

                                        icons?: React.ReactNode[];

                                          property messageTextStyle

                                          messageTextStyle?: TextStyle;

                                            property separatorStyle

                                            separatorStyle?: ViewStyle;

                                              property showSeparators

                                              showSeparators?: boolean;

                                                property textStyle

                                                textStyle?: TextStyle;

                                                  property tintIcons

                                                  tintIcons?: boolean;

                                                    property titleTextStyle

                                                    titleTextStyle?: TextStyle;

                                                      property useModal

                                                      useModal?: boolean;

                                                        interface ActionSheetProps

                                                        interface ActionSheetProps {}

                                                          property showActionSheetWithOptions

                                                          showActionSheetWithOptions: (
                                                          options: ActionSheetOptions,
                                                          callback: (i: number) => void | Promise<void>
                                                          ) => void;

                                                            Package Files (5)

                                                            Dependencies (2)

                                                            Dev Dependencies (18)

                                                            Peer Dependencies (1)


                                                            To add a badge like this onejsDocs.io badgeto your package's README, use the codes available below.

                                                            You may also use Shields.io to create a custom badge linking to https://www.jsdocs.io/package/@expo/react-native-action-sheet.

                                                            • Markdown
                                                            • HTML
                                                              <a href="https://www.jsdocs.io/package/@expo/react-native-action-sheet"><img src="https://img.shields.io/badge/jsDocs.io-reference-blue" alt="jsDocs.io"></a>