Javascript 反应本机导航器不调用renderScene方法

我正在尝试使用

react native

navigator

这是我的App.js：

import React from 'react';
import { 
          AppRegistry,
          StyleSheet, 
          Text, 
          View,
          Navigator,
       } from 'react-native';
import Login from './components/Login/login';

export default class App extends React.Component {
  constructor() {
    console.log("in default class constructor")
    super()
    this.renderScene = this.renderScene.bind(this);
  }

  renderScene(route, navigator){
    console.log("route: ",route)
    if(route.name == 'Login'){
      return <Login navigator={navigator} />
    }
    else if(route.name == 'Home'){
      return <Home navigator={navigator} />
    }
  }

  render() {
    console.log("in render")
      return (   
        <Navigator 
           initialRoute={{ name: 'Login' }}
           renderScene = {this.renderScene}
       />
    );
  }
}

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

    class Login extends React.Component {

  render() {
    return (
      <View style={styles.container}>  <Text>Domain: </Text> </View>
    );
  }
}
const styles = StyleSheet.create({
  container: {
    flex: 1,
    padding: 20,
    height: 1000,
    width: 350
  }
});    
module.exports = Login;

 in default class constructor

 in render