diff --git a/README.md b/README.md index 7b2e043..cd80c50 100644 --- a/README.md +++ b/README.md @@ -15,6 +15,37 @@ Cross platform ActionSheet. This component implements a custom ActionSheet and + +Starting from v3.0.0 a custom ActionSheet with a native-like UI is available and used as default option for iOS: + + + + + + + +
+ + + +
+ +A similar UI is available for Android too by passing `theme="ios"`: + + + + + + + +
+ + + +
+ + + ## Install ``` @@ -116,62 +147,68 @@ https://github.com/alessiocancian/react-native-actionsheet/blob/master/lib/optio - + - - + + - - + + - - + + + - + - + - + + - - - + + + + + + + - +
Prop nameDescription TypeDescription Default
titlePropTypes.string or PropTypes.elementstring or ReactNodeActionSheetCustom needed to use ReactNode for iOS
messagePropTypes.string or PropTypes.elementstring or ReactNodeActionSheetCustom needed to use ReactNode for iOS
optionsPropTypes.arrayOf([PropTypes.string, PropTypes.element])(string | ReactChild)[]ActionSheetCustom needed to use ReactChild options for iOS
tintColorstring PropTypes.string
cancelButtonIndexnumber PropTypes.number
destructiveButtonIndexnumber PropTypes.number
onPressfunction PropTypes.func(index) => {}
userInterfaceStyleiOS only, RN version >=0.63 "light" | "dark"RN version >=0.63 System theme
theme"flat" | "ios"flat for Android and native or native-like for iOS
stylesonly for ActionSheetCustom only for ActionSheetCustom {}