@dachongziy/react-native-general-actionsheet

ActionSheet api on iOS and Android same as ActionSheetIOS.

Usage no npm install needed!

<script type="module">
  import dachongziyReactNativeGeneralActionsheet from 'https://cdn.skypack.dev/@dachongziy/react-native-general-actionsheet';
</script>

README

react-native-general-actionsheet

npm version Build Status

中文说明

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 |