与TabBarIOS一起使用时，无法将组件正确传递给NavigatorIOS

import React, { Component } from 'react';
import { TabBarIOS, NavigatorIOS } from 'react-native';

class App extends Component {
  render() {
    return (
      <TabBarIOS>
        <TabBarIOS.Item
          title="Tab 1"
          icon={require('./tab1.png')}
          selected={this.state.selectedTab === 'tab1'}
          onPress={() => {
            this.setState({ selectedTab: 'tab1' });
          }}
        >
          <NavigatorIOS
            initialRoute={{
              component: Tab1Component,
              title: 'Tab 1',
              passProps: { /* props to pass to Tab1Component */ },
              backButtonTitle: 'Back',
              backButtonTintColor: '#fff',
              barTintColor: '#000',
              titleTextColor: '#fff',
              translucent: false,
              sceneConfig: NavigatorIOS.SceneConfigs.FloatFromBottom, // transition effect
            }}
            style={{ flex: 1 }}
          />
        </TabBarIOS.Item>
        <TabBarIOS.Item
          title="Tab 2"
          icon={require('./tab2.png')}
          selected={this.state.selectedTab === 'tab2'}
          onPress={() => {
            this.setState({ selectedTab: 'tab2' });
          }}
        >
          <NavigatorIOS
            initialRoute={{
              component: Tab2Component,
              title: 'Tab 2',
              passProps: { /* props to pass to Tab2Component */ },
              backButtonTitle: 'Back',
              backButtonTintColor: '#fff',
              barTintColor: '#000',
              titleTextColor: '#fff',
              translucent: false,
              sceneConfig: NavigatorIOS.SceneConfigs.FloatFromBottom, // transition effect
            }}
            style={{ flex: 1 }}
          />
        </TabBarIOS.Item>
      </TabBarIOS>
    );
  }
}

export default App;