React Native 弹出框组件
本文原创首发于公众号:ReactNative开发圈,转载需注明出处。 React Native 弹出框组件:react-native-popup-dialog,纯JS组件,支持动画,支持iOS和Android,安装使用方便。 演示动画
安装方法
使用示例import PopupDialog,{ SlideAnimation } from 'react-native-popup-dialog'; const slideAnimation = new SlideAnimation({ slideFrom: 'bottom',}); <View style={styles.container}> <PopupDialog ref={(popupDialog) => { this.popupDialog = popupDialog; }} dialogAnimation={slideAnimation} > <View> <Text>Hello</Text> </View> </PopupDialog> </View> 支持三种动画:FadeAnimation(淡入淡出)、ScaleAnimation(缩放)、SlideAnimation(滑动) API说明
完整示例完整代码:GitHub - forrest23/ReactNativeComponents: React Native组件大全,介绍React Native常用组件的使用方法和使用示例 组件地址GitHub - jacklam718/react-native-popup-dialog: A React Native Popup Dialog Easy Use & Support Custom Animation. For IOS & Android. 微信不让跳转外链,可以点击查看原文来查看外链GitHub内容。 举手之劳关注我的微信公众号:ReactNative开发圈 (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |