如何在React Native中添加页面切换组件？求对应组件名及可用npm包

组件官方名称 #

这个UI组件的标准官方名称为 标签页（Tabs），部分UI组件库中也会将这种扁平化的轻量切换样式归类为 分段控制器（Segmented Control），核心作用就是在同一页面区域内切换展示不同内容模块，无需跳转页面。

可选用的npm实现包 #

你可以根据自身使用的技术栈直接选择成熟的组件库实现，无需从零开发：

• React 技术栈：可使用 antd 提供的Tabs/Segmented组件、@mui/material的Tabs组件、自定义自由度更高的无样式组件@headlessui/react的Tabs组件
• Vue 技术栈：可使用element-plus的el-tabs/el-segmented组件、ant-design-vue的a-tabs组件，移动端场景可选用vant的tab组件
• 原生/跨框架场景：也可以使用@arco-design对应技术栈的Tabs组件，或者自行实现，核心逻辑就是维护一个激活态变量，点击标签时更新激活态，同时渲染对应绑定的内容区块即可。

内容的提问来源于stack exchange，提问作者curious