Logo for jsDocs.io

@expo/react-native-action-sheet

  • Version 4.1.1
  • Published
  • 177 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

Variables

Functions

Interfaces

Variables

variable ActionSheetProvider

const ActionSheetProvider: React.ForwardRefExoticComponent<any>;

    Functions

    function connectActionSheet

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

      function useActionSheet

      useActionSheet: () => ActionSheetProps;

        Interfaces

        interface ActionSheetIOSOptions

        interface ActionSheetIOSOptions {}

          property anchor

          anchor?: number;

            property cancelButtonIndex

            cancelButtonIndex?: number;

              property cancelButtonTintColor

              cancelButtonTintColor?: string;

                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;

                                                          interface ActionSheetProviderRef

                                                          interface ActionSheetProviderRef extends ActionSheetProps {}

                                                            property getContext

                                                            getContext: () => ActionSheetProps;

                                                            • Deprecated

                                                              Simply call showActionSheetWithOptions() directly from the ref now

                                                            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>