一个RN的分组栏组件, 比如手机联系人旁的拼音滑
react-native-GroupBar
一个RN的分组栏组件, 比如手机联系人旁的拼音滑动栏
必须传递每一项都是一个索引,每项支持string/number 和 object 的方式.
var indexs = [
'A', 'B', 'C', 'Z',
// 支持自定义每项, 必须要有render方法和index,
// index 为每项的唯一标示.
{
index: '#',
render: (item) => {
return (
<Text>{item.index}</Text>
)
}
}
]
<GroupBar
indexs={indexs}
onChange={this.onChange.bind(this)}
fontStyle={{color: 'rgba(5, 169, 214, 0.5)',fontSize: 14, backgroundColor: 'rgba(0,0,0,0)'}}
style={{flex: 1, height: 300}}
>
</GroupBar>
onChange [function]
滑过选中某项的时候触发
direction [string]方向, vertical
或者 horizontal
每项的样式
fontStyle字体样式, 自定义项无效
...View.propTypes版权声明:
1、该文章(资料)来源于互联网公开信息,我方只是对该内容做点评,所分享的下载地址为原作者公开地址。2、网站不提供资料下载,如需下载请到原作者页面进行下载。