NavigatorIOS initialRoute组件导出问题

Question

参考Facebook为NavigatorIOS提供的示例代码，我创建了一个简单的应用程序，该应用程序应该显示带有根视图的导航栏。 NavigatorIOS已包含在App.js文件中，而根视图已定义在SearchCompnent.js文件中。

发生在我身上的问题是，当SearchComponent作为initialRoute组件链接到NavigatorIOS时，抛出错误：元素类型无效：预期为字符串或类/函数。...同时，如果我只是包含App.js中的SearchComponent会加载页面。我在这个问题上停留了一个多星期，没有得到任何解决方案。以下是代码：

App.js

import React, { Component, PropTypes } from 'react';
import { NavigatorIOS, Text, View, StyleSheet } from 'react-native';
import SearchComponent from './src/components/SearchComponent';

export default class App extends React.Component {
  render() {
    return (
        <NavigatorIOS style={styles.container} initialRoute = {{title: 'Search Property', component: SearchComponent }} />
    );
  }
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    backgroundColor: '#111111'
  },
});

SearchComponent.js

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

export default class SearchComponent extends Component {
  render() {
    return (
      <View style={styles.main}>
        <Text style={styles.title}>Search For Github User</Text>
      </View>
    )
  }
}

const styles = StyleSheet.create({
  main: {
    flex: 1,
    padding: 30,
    marginTop: 65,
    flexDirection: 'column',
    justifyContent: 'center',
    backgroundColor: '#2a8ab7'
  },
  title: {
    marginBottom: 20,
    fontSize: 25,
    textAlign: 'center'
  }
});