react-native-actionsheet-api
提供Android和iOS平台通用的的showActionSheetWithOptions()API。统一使用ActionSheet。调用时，如果是iOS，调用ActionSheetIOS.showActionSheetWithOptions()。
Why react-native-actionsheet-api
IOS有ActionSheetIOS.showActionSheetWithOptions()，但是在Android中没有这个方法可以使用，
虽然在Android中使用ActionSheet有人会感觉很别扭，但是有时候确实需要使用（可以把样式改成Android风格的）。
当我们必须要使用ActionSheet，并且希望跟IOS一样，通过API调用来展示，而不是每次通过渲染一个组件来展示， 基本上就是提供Native提供组件，比如react-native-actionsheet-native，但是需要导入Native代码，而我不希望导入，所以开发出这个组件。
提示：这个组件并不完美，使用之前，需要先在页面中渲染一次(创建一个实例)
ScreenShot
IOS效果：
Android效果：
Useage
Step 0: 安装
npm install react-native-actionsheet-api --save
Step 1: 引入
import ActionSheet from 'react-native-actionsheet-api';Step 2: 实例化
一般选择在使用之前实例化ActionSheet，但是只需要实例化一次。
// 在页面中渲染
class MyPage extends React.component {
// ...
render(){
return (
<View>
{/* 只需要实例化一次 */}
<ActionSheet />
{/* ... */}
</View>
)
}
}Step 3: 调用
// 然后在任何地方，都可以使用直接调用这个方法了
// IOS和Android都可以使用下面的代码
ActionSheet.showActionSheetWithOptions({
title: '请选择您最喜欢的水果',
options: ['苹果🍎', '梨🍐', '香蕉🍌', '橘子🍊', '都不喜欢'],
cancelButtonIndex: 4,
//destructiveButtonIndex: 0,
tintColor: 'green',
},
(buttonIndex) => {
this.setState({ clicked: BUTTONS[buttonIndex] });
}
);License
这个项目采用MIT协议 - 详细信息请查看LICENSE。