RN_0.59.9_TabBar

Demo效果展示:

demo.gif

步骤一：下载第三方库

在对应工程中，使用 npm install react-native-tab-navigator --save 命令
---> 安装所依赖的第三方库

---

步骤二：导入第三方库

导入第三方库.png

步骤三：添加组件

添加TabBar.png

封装方法：

1、自定义 Badge

自定义 Badge.png

2、自定义 icon

自定义 icon.png

3、自定义 选择状态icon

自定义 选择状态icon.png

4、tabBar 点击

tabBar 点击.png

5、自定义 contentView

自定义 contentView.png