react-native-GroupBar

一个RN的分组栏组件, 比如手机联系人旁的拼音滑动栏

Props

indexs [Array]

必须传递每一项都是一个索引，每项支持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

itemStyle

每项的样式

fontStyle

字体样式, 自定义项无效

...View.propTypes