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の場合、<Stack key="root">と<Scene 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> 
    ); 
};