react-native-actionsheet-cstm
Getting started
$ npm install react-native-actionsheet-cstm --save
Demo
A basic Setup
;; ; ; ;
Options
ActionSheetProps
Name | Type | Default | Description |
---|---|---|---|
visible | boolean | false | Show the Action sheet |
onClose | function | null | Trigger a function asking to close the Action sheet. |
actionItems | Array | null | (array of ActionItem) - a list of button |
onShow? | function | null | The onShow prop allows passing a function that will be called once the Action sheet has been shown. |
onDismiss? | function | null | The onDismiss prop allows passing a function that will be called once the Action sheet has been dismissed. |
backdropStyle? | StyleProp | null | Back drop style |
containerStyle? | StyleProp | null | Container style |
titleContainerStyle? | StyleProp | null | Container title style |
title? | string | null | Action sheet title (Not required) |
titleTextStyle? | StyleProp | null | Action sheet title style |
cancelButtonStyle? | StyleProp | null | Action sheet cancel button style |
cancelText? | string | 'Cancel' | Action sheet cancel button title |
cancelTextStyle? | StyleProp | null | Action sheet cancel button text style |
hideCancel | boolean | false | Hidde the Action sheet Cancel button |
ActionItem
Name | Type | Default | Description |
---|---|---|---|
text | string | null | button title |
onPress | function | null | button action |
textStyle? | StyleProp | null | button style |