组件内容未呈现反应本机NavigatorIOS

Question

我有以下代码。我在SearchPage中有一个组件：

export default class SearchPage extends Component<{}> {
      render() {
        return (
          <View style={styles.container}>
            <Text style={styles.description}>
              Search for houses to buy!
            </Text>
          </View>
        );
      }
    }

然后将其导入App.js文件中，并尝试将其呈现为。

import SearchPage from './SearchPage';

export default class App extends Component<{}> {
    render() {
        return (
            <View>
            <NavigatorIOS
                style={{flex: 1, alignSelf: 'stretch'}}
                initialRoute={{
                    component: SearchPage, // <-- Content of this is not showing.
                    title: 'Title',
                }}
            />
            </View>
        );
    }
}

上面的代码确实为NavigatorIOS赋予了标题，但SearchPage的内容不可见。我不确定为什么以及如何使它可见。有帮助吗？