渲染NavigatorIOS失败

Question

在学习React-Native时，我将根据以下教程创建一个简单的应用程序：

https://www.raywenderlich.com/485-react-native-tutorial-building-ios-apps-with-javascript#toc-anchor-001

在本教程中，我试图将导航栏路由包含到类名SearchPage.js。如果仅包含SearchPage，则可以完美加载，但是将SearchPage与NavigatorIOS链接时，会出现错误，如附件所示。

以下是我使用的代码。

App.js

import React, { Component } from 'react';
import { StyleSheet, NavigatorIOS } from 'react-native';
import SearchPage from './src/components/SearchPage'

class App extends Component {
  render() {
   return (
     <NavigatorIOS style={styles.container} initialRoute={{
     title: 'Property Finder', component: SearchPage,
   }} />
   // <SearchPage />
 );
}}

const styles = StyleSheet.create({
description: {
  fontSize: 18,
  textAlign: 'center',
  color: '#656565',
  marginTop: 65,
},
  container: {
  flex: 1,
}
})

export default App;

SearchPage.js

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

class SearchPage extends Component {
  render() {
    return (
        <Text>Search Property</Text>
    );
}}

export default SearchPage;