import React, { Component } from 'react';import { StyleSheet, View, TabBarIOS, NavigatorIOS, Navigator, AppRegistry, Image, TouchableHighlight, Platform,} from 'react-native';//首先導(dǎo)入需要的組件import Home from './home';import About from './about';import Manager from './manager';import Message from './message';//這里是導(dǎo)入需要顯示的頁面export default class Test extends Component { constructor(props){   super(props);   this.state = {    selectedTab:'home',    data:'',    isLoadingShow: false,    title:'首頁',   };  }//設(shè)置一個(gè)初始化默認(rèn)首先顯示首頁componentDidMount() { console.log("++++++++++++++++TabBarIOS測(cè)試+++++++++++++++"); }_selectTab(tabName) { this.setState({  selectedTab: tabName }); }//修改底部Tab名稱,通過狀態(tài)進(jìn)行控制_selectTitle(title) { this.setState({  title: title }); }//修改頂部導(dǎo)航欄的名稱,與Tab名稱的修改是同步的_addNavigator(component, title) { let data = null; if(title === '公告'){  data = this.state.data; } return <NavigatorIOS  style={{flex:1}}  barTintColor='#007AFF'  titleTextColor="#fff"  tintColor="#fff"  translucent={false}  initialRoute={{   component,   title,   passProps:{   data   }  }}  />; }//這里定義了一個(gè)_addNavigator方法,接收兩個(gè)參數(shù)頁面名稱與導(dǎo)航欄title_mainJudge(){  return(   <View style={{flex:1}}>    <TabBarIOS barTintColor="#FFF">    <TabBarIOS.Item     icon={require('../imgs/phone_s.png')}     title="首頁"     selected={this.state.selectedTab === 'home'}     onPress={this._selectTab.bind(this, 'home')}     >     {this._addNavigator(Home, '首頁')}    </TabBarIOS.Item>    <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="關(guān)于"     icon={require('../imgs/about.png')}     selected={this.state.selectedTab === 'about'}     onPress={this._selectTab.bind(this, 'about')}     >     {this._addNavigator(About, '關(guān)于')}    </TabBarIOS.Item>    </TabBarIOS>   </View>    )}//_mainJudge方法是最核心的方法,用于對(duì)底部Tab以及頂部Title的布局,其中調(diào)用了幾個(gè)方法上面已經(jīng)做了說明. render() { return (  <View style={styles.container}>   {this._mainJudge()}  </View> ); }}const styles = StyleSheet.create({ container:{ flex:1, opacity:1 },});