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

你可能感兴趣的:(RN_0.59.9_TabBar)