前言
大家应该都知道,TabBarIOS是RN中自带的组件,可直接使用,不用引用第三方组件,下面讲解TabBarIOS的使用方法,话不多说了,来一起看看详细的介绍吧。
首先看一下效果图,如下图所示:
效果图看完效果图再对代码进行说明.
; } //这里定义了一个_addNavigator方法,接收两个参数页面名称与导航栏title _mainJudge(){return(
<TabBarIOS.Item
title="公告"
icon={require('../imgs/gonggao.png')}
selected={this.state.selectedTab === 'message'}
onPress={this._selectTab.bind(this,'message')}
>
{this._addNavigator(Message,'公告')}
</TabBarIOS.Item>
<TabBarIOS.Item
title="管理"
icon={require('../imgs/manager.png')}
selected={this.state.selectedTab === 'manager'}
onPress={this._selectTab.bind(this,'manager')}
>
{this._addNavigator(Manager,'管理')}
</TabBarIOS.Item>
<TabBarIOS.Item
title="关于"
icon={require('../imgs/about.png')}
selected={this.state.selectedTab === 'about'}
onPress={this._selectTab.bind(this,'about')}
>
{this._addNavigator(About,'关于')}
</TabBarIOS.Item>
</TabBarIOS>