React Native 弹出框组件:react-native-popup-dialog,纯JS组件,支持动画,支持iOS和Android,安装使用方便。
演示动画
安装方法
使用示例
支持三种动画:FadeAnimation(淡入淡出)、ScaleAnimation(缩放)、SlideAnimation(滑动)
API说明
dialogTitle – 弹出框标题
width - 弹出框的宽度,可以写300或者0.5。0.5就是设备宽度的50%
height - 弹出框的宽度,可以写300或者0.5。0.5就是设备高度的50%
dialogAnimation - 动画类型,FadeAnimation、ScaleAnimation、SlideAnimation
haveOverlay - 是否显示Overlay
dismissOnTouchOutside - 点击外部是否关闭弹出框
show - 显示弹出框
完整示例
完整代码:https://github.com/forrest23/ReactNativeComponents
本次示例代码在 Component04文件夹中。请不要吝啬你们的Star!
组件地址
https://github.com/jacklam718/react-native-popup-dialog
领取专属 10元无门槛券
私享最新 技术干货