安卓和ios实现ActionSheet

安卓和ios实现ActionSheet

image.png

这是安卓的效果，ios的效果同上。

在项目里用到react-native-image-picker。但是这个控件有自己的好处，也有不方便的地方，比如在选择相册的时候，无法实现图片的多选。在项目优化的时候，我放弃了这个组件，取而代之的是react-native-image-crop-picker。
这个组件可以实现打开相机和选择相册的方法。但是前提是，这样的modal需要自己去做，看了一下，网上很多都不是太好看，因此放弃了使用，自己来画。
类似上面这样的效果图。
只是我单独封装出来了。让ios和安卓实现一样的效果，

在这里，有一些属性。

属性	类型	默认值	备注
actionvisible	string		用于显示或隐藏
text1	string	拍照
text2	string	选择相册
text3	string	取消

同样这里也有方法

方法	类型	默认值	备注
hideModal	function		隐藏modal
functiontext1	function		文本1方法
functiontext2	function		文本2方法
closeAction	function		文本3方法

example

{this.setState(actionvisible:false,)}}
    functiontext1={()=>{alert("function1")}}
    functiontext2={()=>{alert("function2")}}
    closeAction={()=>{alert("function3")}} //通常用于取消
/>

这样就可以实现安卓和ios同样的效果。
这里是地址，直接看源码，或者拷贝源码直接使用即可。