NavigatorIOS 与 TabBarIOS 如何关联使用



  • 下面是我的代码, 只能显示出来TabBarIOS, 上面的Naviator无法显示. 求大神解救啊! 卡在这了!

    'use strict'
    
    import React, {
      NavigatorIOS,
      TabBarIOS,
      StyleSheet,
      Text,
      View
    } from 'react-native';
    
    import Home from './views/home';
    
    export default class Main extends React.Component {
    
      constructor(props) {
            super(props);
            selectedTab: 'home';
            this._addNavigator = this._addNavigator.bind(this);
        }
    
      select(tabName) {
        this.setState({
          selectedTab: tabName
        });
      }
    
      _addNavigator(component, title){
      return <NavigatorIOS
        style={{flex:1}}
        barTintColor='#007AFF'
        titleTextColor="#fff"
        tintColor="#fff"
        translucent={false}
        initialRoute={{
            component: component,
            title: title,
            passProps:{}
          }}
        />;
       }
    
      render() {
        return(
          <TabBarIOS style={styles.flex}>
            <TabBarIOS.Item
              title='首页'
              icon={require('./img/tab_test_highlight.png')}
              onPress={this.select.bind(this, 'home')}
              selected={this.state === 'home'}
              >
              {this._addNavigator(Home, '首页')}
            </TabBarIOS.Item>
          </TabBarIOS>
        );
      }
    }
    
    var styles = StyleSheet.create({
      flex:{
        flex: 1,
      }
    });
    


  • 单独写NavigatorIOS或者TabBarIOS都是可以显示的,关联起来就不显示Navigator了


登录后回复