大家好，又见面了，我是全栈君。
##react-native-modalbox
-
Modal视图在iOS原生开发中熟称:”模态视图”,在原生开发中运用还是比较常见的，经常使用。在react native 中有提供Modal组建,在这里我要介绍的是react-native-modalbox,个人感觉很好使用。
-
demo例子请点击这里
-
github请点击这里
-
使用
react-native-modalbox安装使用很简单
npm install react-native-modalbox@latest --save -
介绍
- action方法
- open 弹出modal视图
this.refs.myModal.open() - close 关闭modal视图
this.refs.myModal.close()
- open 弹出modal视图
- 事件监听方法
- onOpened 弹出modal视图时会调用这个方法
- onClosed 关闭modal视图时会调用这个方法
- onClosingState 滑动关闭modal视图时会调用这个方法
- 属性
- isOpen 是否显示modal，默认是false，,如果为true一开始就显示，有动画，可用open方法打开
- startOpen 默认是false，是否组建一开始就显示,如果为true一开始就显示，无动画
- isDisabled action失效，即open、close方法失效，滑动不能关闭
- backdropPressToClose 点击背景是否关modal视图，当backdrop未false的情况下失效
- swipeToClose 是否滑动关闭
- swipeThreshold
- swipeArea 在可旋转区域的像素高度，默认窗口高度
- position model视图的位置，top、center、bottom
- entry 这个属性要注意一下，动画的起始位置top、bottom
- backdrop 是否有点击消失的背景。当这个为false时，backdropPressToClose失效
- backdropOpacity modal视图背景的透明度
- backdropColor modal视图背景的颜色
- backdropContent modal视图背景的内容（view）
- animationDuration 动画时间
- easing 打开modal视图是的方法函数
- backButtonClose 仅安卓,当为true时安卓手机按返回键时modal视图close
- coverScreen 当true时，modal后面的背景是这个window。比如有navitor时，导航条也会遮住
- keyboardTopOffset
- action方法
转载于:https://my.oschina.net/KJhulinhua/blog/1536740
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请联系我们举报，一经查实，本站将立刻删除。
发布者：全栈程序员-站长，转载请注明出处：https://javaforall.net/108164.html原文链接：https://javaforall.net
