TabBarIOS和 TabBarIOS.Item的使用

/**

• Sample React Native App
• https://github.com/facebook/react-native
• @flow
  */

import React, { Component } from 'react';
import {
AppRegistry,
StyleSheet,
Text,
View,
TabBarIOS,
} from 'react-native';

export default class index extends Component {

constructor(props)
{
super(props);
this.state={
selectedTab: '1',
notifCount: 0,
presses: 0,
}
}

render() {
return (

selected={this.state.selectedTab === '1'}
onPress={()=>{
this.setState({
selectedTab: '1',
})

  }}>
      {/* 
                首页
       */}
      {this.createView('red','内容','1')}
  

  {
    this.setState({
    selectedTab:'2',
  })
}} >
{/* 
                2
 */}
{this.createView('yellow','内容','2')}
  
  {
      this.setState({
       selectedTab: '3',
     });

  }}>
  {/* 
                  3
   */}
  {this.createView('blue','内容','3')}
  

);

}

createView(color,pageText,num){
return(

{num}

);
}
}

const styles = StyleSheet.create({
tabContent:{
flex:1,
alignItems:'center'
},
tabText: {
color: 'white',
margin: 50,
},
container: {
flex: 1,
backgroundColor: '#F5FCFF',
},
commonViewStyle:{
flex:1,
justifyContent:'center',
alignItems:'center'
},
});

AppRegistry.registerComponent('RNProjectFrist', () => index);