美文网首页react native
react-native自定义弹出层下拉列表选择器组件

react-native自定义弹出层下拉列表选择器组件

作者: seven_2547 | 来源:发表于2017-03-29 16:25 被阅读176次

    根据实际需要自定义的一款下拉列表组件

    效果:

    安装:

    npm i react-native-select-dialog --save

    引用:

    import SelectDialog from 'react-native-select-dialog';

    部分代码:

    可自由配置组件:

    title:组件标题文字

    valueChange: function 返回值为被选中的列表对象与被选中对象的下标

    datas:列表数据

    animateType:动画类型 'fade','normal','slide'

    'positionStyle': 改变组件的标题样式

    'renderRow': function 可改变列表组件的内容

    'innersWidth': 改变组件的宽度

    'innersHeight':改变组件的高度

    method:

    show():显示组件

    hide():隐藏组件 

    详细使用方法:https://github.com/antiantian/react-native-zDialog-List

    相关文章

      网友评论

        本文标题:react-native自定义弹出层下拉列表选择器组件

        本文链接:https://www.haomeiwen.com/subject/dvvhgttx.html