1.0.1 • Published 7 years ago
react-native-scrolltable v1.0.1
react-native-scrolltable
基于React Native封装的频道切换组件
Installation
npm install react-native-scrolltable --saveyarn add react-native-scrolltable --saveImport into your project
import ScrollTable from "react-native-scrolltable";Examle useage
<ScrollTable
//initialIndex={0}
labels={[
{ key: 0, title: "精选" },
{ key: 1, title: "推荐" },
{ key: 2, title: "热门" },
]}
labelStyle={{ color: "#FFFFFF", fontSize: 14 }}
tintColor="blue"
//style={{ width: 200, height: 40 }}
onChange={e => console.log(e)}
/>Properties
| 属性 | 描述 | 类型 | 默认 |
|---|---|---|---|
| initialIndex | 初始Index | PropTypes.number | 0 |
| labels | 频道数组 | PropTypes.array | [{ key: 0, title: "精选" }, { key: 2, title: "热门" }] |
| labelStyle | 频道标题样式 | PropTypes.object | { color: "#FFFFFF", fontSize: 14 } |
| tintColor | 活跃状态标题颜色 | PropTypes.string | "#12cdb0"' |
| onChange | 频道切换回调 | PropTypes.func | |
| style | 组件样式 | PropTypes.object |