react-native实现选项卡
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了react-native实现选项卡相关的知识，希望对你有一定的参考价值。
参考技术A rn项目，需要用到选项卡组件，网上搜到 react-native-scrollable-tab-view ，但他的tab样式不能满足我们的UI设计，需要重写tab条。因此就打算参照这个重写一个选项卡组件。通过 npm install react-native-vtron-scrollable-tab 引入该组件。
1、不可滚动tab
样式
2、可滚动tab
样式
3、同时还支持背景样式为一张图片
样式
以上是关于react-native实现选项卡的主要内容，如果未能解决你的问题，请参考以下文章
尝试在 react-native 的底部选项卡导航上添加图像时面临问题
在 react-native 中隐藏和显示带有动画的 createBottomTabNavigator 选项卡栏
当用户在 react-native 应用程序中注销时，选项卡导航器不会重置