简介
react-native-segment-tab-hg 是一个基于 React Native 开发的可高度定制化的分段标签库。它使得开发者可以轻松地创建分段控制器，并可以根据需要自定义其外观和功能。
安装
--- ------- --------------------------- ------
使用
基本使用
------ ------------------- ---- ------------------------------ -------------------- --------------- ------ --------- ---------------------------------------- ----------------------------------- --
高级设置
------ ------------------- ---- ------------------------------
--------------------
----------------------------------------------
--------------------------
--------------------------------------
----------------------------------------------
-----------------------------------
--------------- ------ ---------
----------------------------------------
--
----- ------ - -
------------------- -
---------------- --------------
------------ ----------
------------ --
--
--------- -
---------------- --------------
------------ --
------------ --------------
--
--------------- -
---------------- ----------
--
------------------- -
------ --------
----------- -------
--
--API
SegmentedControlTab 属性
| 属性 | 类型 | 默认值 | 描述 |
|---|---|---|---|
| values | array | [] | 每个选项的文本值 |
| selectedIndex | number | 0 | 当前选中选项的索引 |
| selectedIndices | array | [] | 当前选中选项的索引列表 |
| multiple | bool | false | 是否可以多选 |
| borderRadius | number | 5 | 边框圆角大小 |
| borderWidth | number | 1 | 边框宽度 |
| tabsContainerStyle | object | {} | 选项卡容器样式 |
| tabStyle | object | {} | 选项卡样式 |
| activeTabStyle | object | {} | 当前选中选项卡的样式 |
| activeTabTextStyle | object | {} | 当前选中选项卡文字的样式 |
| tabTextStyle | object | {} | 选项卡文字的样式 |
| onTabPress | function | () => {} | 选项卡点击回调 |
| onTabLongPress | function | () => {} | 选项卡长按回调 |
| tabBadgeContainerStyle | object | {} | 选项卡徽章容器样式 |
| tabBadgeStyle | object | 选项卡徽章样式 |
结束语
react-native-segment-tab-hg 是一个功能强大的组件库，可以帮助开发者快速创建分段标签，并具有高度的可定制性。希望本文能够帮助到大家。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/6005725681e8991b448e869f