null is not an object (evaluating 'AppNavigator.router')

Question

**

I need help!! null is not an object (evaluating '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

Actually you need to wrap your scenes in a root scene <Scene key="root"> which is not mentioned in documentation.

So your RouterComponent look like below:

const RouterComponent = () =>{

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