@hecom-rn/react-native-general-actionsheet
v1.0.9
Published
ActionSheet api on iOS and Android same as ActionSheetIOS.
Downloads
11
Readme
react-native-general-actionsheet
This is a general ActionSheet api. You can use ActionSheetIOS in iOS and use a custom view in Android. Or you can use custom view in both iOS and Android.
It only support ActionSheet.showActionSheetWithOptions
now.
ScreenShots
Portrait
Landscape
Install
Install by Yarn:
yarn add react-native-general-actionsheet
Install by NPM:
npm install --save react-native-general-actionsheet
Usage
Use the module in file:
import ActionSheet from 'react-native-general-actionsheet';
ActionSheet.showActionSheetWithOptions(options, callback);
Parameters options
and callback
is same as ActionSheetIOS.
Use ActionSheetIOS
You can change using ActionSheetIOS
or not globally:
import ActionSheet from 'react-native-general-actionsheet';
ActionSheet.useActionSheetIOS = true/false;
Customize Style
You can change style of container globally.
import ActionSheet from 'react-native-general-actionsheet';
ActionSheet.Container.defaultProps.xxx = yyy;
It supports following properties:
| Name | Type | Description | | :-: | :-: | :- | | backgroundColor | string | Background color of whole view | | contentBackgroundColor | string | Background color of content view | | separatorColor | string | Separator line color | | fontSize | number | Button text font size | | color | string | Button text color | | titleStyle | object | Style of title text | | messageStyle | object | Style of message text | | destructiveButtonStyle | object | Style of destructive button | | cancelButtonStyle | object | Style of cancel button | | touchableUnderlayColor | string | Underlay color of button touch action | | supportedOrientations | array | Supported orientations for iOS |