React Native 弹出框组件

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

  • 发表于:
  • 原文链接http://kuaibao.qq.com/s/20180119G098UB00?refer=cp_1026
  • 腾讯「云+社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。
  • 如有侵权,请联系 yunjia_community@tencent.com 删除。

扫码关注云+社区

领取腾讯云代金券