2016-12-21 4 views
2

新しいアプリケーションを作成しようとすると、コードの下にエラーが表示されます。世界へ コンポーネントseesm https://www.youtube.com/watch?v=QJ_iRLfehSU&index=3&list=PL7D-0n1z1EbgAoLu1n5wjcMLDDAQqXOMwネイティブチェックレンダリングメソッドナビゲータに反応する

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); 

任意の助けいただければ幸いです。

+0

私はRNPlaygroundで例を挙げてみます。見てください:rnplay.org/apps/lWKLvg。 コンポーネントを表示できますか? –

+0

http://kopy.io/bj1zC –

+1

'module.export = Login'を' default login'と 'var login = require(" ./ app/components/Login ")をエクスポートするように変更しようとします。 '/ app/components/Login''からは? –

答えて

0

ログインコンポーネントが公開されていない可能性があります。このようになります。コンポーネントを確認してください。次にこのようなコンポーネントをインポートします

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

    render() { 

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

      </View> 
     ) 

    } 

} 
関連する問題