2016-12-21 3 views
2

En essayant de créer une nouvelle application, j'obtiens une erreur ci-dessous du code. le seesm composant monde https://www.youtube.com/watch?v=QJ_iRLfehSU&index=3&list=PL7D-0n1z1EbgAoLu1n5wjcMLDDAQqXOMwRéagir Contrôle de la méthode de rendu natif

Error

 /** 
     * Sample React Native App 
     * https://github.com/facebook/react-native 
     * @flow 
     */ 

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

     var Login = require("./app/components/Login"); 

     class PioneerSales extends Component { 
      render() { 
       return (
        <Navigator 
         initialRoute = {{ 
          id: "Login" 
         }} 
         renderScene = { 
          this.navigatorRenderScene 
         } 
        /> 
       ); 
      } 

      navigatorRenderScene(route, navigator){ 
       _navigator = navigator; 
       if (route.id == "Login") { 
        return (<Login _navigator={_navigator} title="Login" />) 
       } 
      } 
     } 

     AppRegistry.registerComponent('PioneerSales',() => PioneerSales); 

Toute aide serait appréciée.

+0

J'essaie de faire un exemple sur RNPlayground et ça marche. Jetez un coup d'oeil: rnplay.org/apps/lWKLvg. Pouvez-vous montrer votre composant Login? –

+0

http://kopy.io/bj1zC –

+1

essayez de changer 'module.export = Login'' exporter export Login' et 'var Login = require (" ./ app/components/Login ");' 'importer de './app/components/Login''? –

Répondre

0

Cela peut être dû à votre composant de connexion n'a pas exposé out.It devrait être comme ça. Vérifiez votre composant. Puis importez ce composant comme ceci

import Test from './app/xxx/Login' 
export default class Test extends Component { 

    render() { 

     return (
      <View style={stytles.mainStytle}> 

      </View> 
     ) 

    } 

}