null不是（評估 'AppNavigator.router'）

Question

**

我需要幫助的對象！ null不是（評估 'AppNavigator.router'）的對象

**

/** 
 
* Created by nihalyorulmaz on 08/08/2017. 
 
*/ 
 
import React from 'react'; 
 
import { Scene, Router} from 'react-native-router-flux'; 
 
import LoginForm from '../../components/components/LoginForm'; 
 

 

 
const RouterComponent =() => { 
 
    return (
 
     <Router> 
 
      <Scene key = "login" component = {LoginForm} title = "Please Login"/> 
 
     </Router> 
 
    ); 
 
}; 
 

 
export default RouterComponent;

Answer 1

其實你需要用你的場景，其中未提及的根現場<Scene key="root">在文檔中。

所以你RouterComponent看起來象下面這樣：

const RouterComponent =() =>{ 

return(
    <Router> 
     <Scene key="root" > 
     <Scene key="login" component ={LoginForm} title="Please Login"/> 
     </Scene> 
    </Router> 
); 
}; 

Answer 2

首先檢查你的反應本地路由器通量的版本。如果版本 是3，包你<Scene>與<Scene key="root" >：

const RouterComponent =() => { 
    return (
     <Router> 
      <Scene key="root"> 
       <Scene key="login" component={LoginForm} title="Please Login" /> 
      </Scene> 
     </Router> 
    ); 
}; 

對於第4版，更換<Scene key="root">與<Stack key="root">，不要忘了進口import {Stack} from 'react-native-router-flux：

import { Router, Scene, Stack } from 'react-native-router-flux'; 
    const RouterComponent =() => { 
    return (
     <Router> 
      <Stack key="root"> 
       <Scene key="login" component={LoginForm} title="Please Login" /> 
      </Stack> 
     </Router> 
    ); 
};