ReactNative学习实例（八） 第三方组件TabNavigator底部导航栏

TabNavigator是github上开源的一个rn组件，是适用于ios和安卓两个平台的底部导航栏。

组件地址：https://github.com/expo/react-native-tab-navigator

1.首先通过命令行将组件引入项目：

进入项目根目录并执行

npm install react-native-tab-navigator --save

执行完毕后组件就已导入，可以在根目录下的package.json的依赖中找到：

"dependencies": {
    "react": "15.3.2",
    "react-native": "0.37.0",
    "react-native-tab-navigator": "^0.3.3"
  },

然后在js文件中引入：

import TabNavigator from 'react-native-tab-navigator';

2.使用方法：

先看代码：

<TabNavigator
                    tabBarStyle={
  {height:60}}
                    style={
  {flex:1}}>
                    <TabNavigator.Item