react-native自定义对话框弹出框组件dialogs
2017-04-07 本文已影响726人
seven_2547
介绍:
这是一款结合了alert弹出框与confirm弹出框综合的一款组件,可以定义参数改变弹出框的样式以及点击事件等
展示:

使用代码:




自定义参数:
/**
* animationType:动画类型 使用Modal组件 ’none,fade,slide‘ ---string
* title:头部标题文字 ---string
* thide:true|false 是否隐藏头部 ---boolean
* headStyle:头部样式 ---object
* messText:中间提示文字 ---string
* clickScreen:点击屏幕是否隐藏弹出框 ---boolean
* innersWidth:弹出框的宽度 ---number
* innersHeight:弹出框的高度 ---number
* buttons:按钮数组 ---array
* buttons:[
* {
* txt:'按钮文字', ---string
* btnStyle:{backgroundColor:'transparent'}, 按钮的样式对象---object
* txtStyle:{color:'#ff6600'}, 按钮的文字样式 ---object
* onpress:this.cancels.bind(this) 按钮的点击事件 ---function
* }
* ...
* ]
*/
事件:
show(options):显示
hide(): 隐藏