反應本地導航路線未定義

Question

當開始我的應用程序我有一個錯誤： 未定義不是一個對象（評價「route.title」）

我期待導航與「設置」路線作爲初始化我是initalRoute = {{title：'設置'}}

如何在初始應用程序加載時定義路線？

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

 
import SetupComponent from './src/setup/setup.component'; 
 
import HomeComponent from './src/home/home.component'; 
 

 
export default class AwesomeProject extends Component { 
 
    render() { 
 
    return (
 
     <Navigator 
 
     initalRoute={{ title: 'Setup'}}  
 
     renderScene={(route, navigator) => { 
 
     console.log("routing", route.title); 
 

 
      if (route.title === 'Setup'){ 
 
      return <SetupComponent navigator={navigator} /> 
 
      } 
 
      if (route.title === 'Home') { 
 
      return <HomeComponent navigator={navigator} /> 
 
      }   
 
      console.log("return default"); 
 
     
 
     }} 
 
     />   
 
    
 
    ); 
 
    } 
 
} 
 
AppRegistry.registerComponent('AwesomeProject',() => AwesomeProject);

Answer 1

你有一個錯字在您的導航組件的定義 - 你的代碼讀取initalRoute當它應該是initialRoute。改變這一行，你應該看到這個錯誤得到解決。