@expo/react-native-action-sheet

  • Version 3.13.0
  • Published
  • 163 kB
  • 2 dependencies
  • MIT license

Install

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

Overview

A cross-platform ActionSheet for React Native

Index

Functions

function connectActionSheet

connectActionSheet: <OwnProps = any>(
WrappedComponent: React.ComponentType<OwnProps & ActionSheetProps>
) => any;

    function useActionSheet

    useActionSheet: () => ActionSheetProps;

      Classes

      class ActionSheetProvider

      class ActionSheetProvider extends React.Component<Props> {}

        constructor

        constructor(props: Props);

          method getContext

          getContext: () => ActionSheetProps;

            method render

            render: () => JSX.Element;

              Interfaces

              interface ActionSheetIOSOptions

              interface ActionSheetIOSOptions {}

                property anchor

                anchor?: number;

                  property cancelButtonIndex

                  cancelButtonIndex?: number;

                    property destructiveButtonIndex

                    destructiveButtonIndex?: number | number[];

                      property disabledButtonIndices

                      disabledButtonIndices?: 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 (14)

                                                              Peer Dependencies (1)

                                                              Badge

                                                              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
                                                                [![jsDocs.io](https://img.shields.io/badge/jsDocs.io-reference-blue)](https://www.jsdocs.io/package/@expo/react-native-action-sheet)
                                                              • 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>