简介
react-native-scrollable-tab-view_tix 是一个 React Native 中的组件库，用于创建可滚动标签页的视图。这个包是在 react-native-scrollable-tab-view 基础上进行了优化，支持了在 iOS 上的按钮长按事件，并且一些默认的表现也进行了修改。
在使用这个库之前，你需要先掌握 React Native 的基本开发知识。
安装
首先需要使用 npm 安装这个包。在你的项目根目录下执行以下命令：
npm install react-native-scrollable-tab-view_tix --save
安装完成后，需要在项目的入口文件中进行引用。
import ScrollableTabView, { DefaultTabBar } from 'react-native-scrollable-tab-view_tix'用法
react-native-scrollable-tab-view_tix 的使用非常简单，你只需要将 ScrollableTabView 和 DefaultTabBar 组件包含在你的代码中即可。自定义的 TabBar 是不支持的。
下面是一个使用 react-native-scrollable-tab-view_tix 渲染标签页的例子。
-- -------------------- ---- -------
------ ------ - --------- - ---- -------
------ - ----- ---- - ---- --------------
------ ------------------ - ------------- - ---- --------------------------------------
------ ------- ----- ----------- ------- --------- -
-------- -
------ -
----- ------------- ----
------------------
------------------ ----
---------------- -- -------------- ---
-
----- ------------- -------------
----- ------------- -------------------
----- ------------- ------------------
--------------------
-------
-
-
-代码中，我们创建了一个包含三个选项卡的 ScrollableTabView，每个选项卡都是一个包含显示标签名称的 Text 元素。
API
react-native-scrollable-tab-view_tix 的 API 与 react-native-scrollable-tab-view 基本相同，这里只列出了新增修改的内容。
DefaultTabBar 组件
onTabLongPress: 接收一个回调函数，当气泡菜单出现时会调用此回调函数。在 iOS 中，用户可以通过长按选项卡按钮打开气泡菜单。
<ScrollableTabView
renderTabBar={() =>
<DefaultTabBar onTabLongPress={this.handleTabLongPress} />
}
>
...
</ScrollableTabView>结论
react-native-scrollable-tab-view_tix 是一个很好的可滚动标签页组件，它在原来的基础上进行了修改和优化。如果你正在寻找一个可滚动标签页组件，我建议你尝试一下这个包。希望这篇文章对你有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005694281e8991b448e4c45