ナビゲータに何も表示されていません

ナビゲータは何も表示していません（白い画面のみ）ので、最小限に減らしても何も表示されません。誰か助けてください。 Navigatorでナビゲータに何も表示されていません

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

    class MyApp extends Component { 
     render() { 
     return (
      <Navigator style={styles.container} 
       initialRoute={{ title: 'My Initial Scene'}} 
       renderScene={(route, navigator) => { 
        <Text>Hello</Text> 
       }} 
      /> 
     ); 
     } 
    } 

    const styles = StyleSheet.create({ 
     container: { 
     flex: 1, 
     justifyContent: 'center', 
     alignItems: 'center', 
     backgroundColor: '#fff', 
     }, 
    }); 

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

出典

2016-08-24 Lance

そのコードは、わかりやすく、わかりやすいようです。 iOSキャリアとWi-Fiアイコンの背後には、そのような設定がされているときにテキストが表示されています。それらの後ろを見るかもしれない。これはもちろん、あなたがiOSシミュレータを使用していることを前提としています。 – jasonmerino

私はアンドロイドを使っていますが、テキストをセンタリングして他のコンポーネントをレンダリングしようとしました – Lance

あなたがここに解決策を見つけることができます：あなたがナビゲーターにalignItems: 'center'またはjustifyContent: 'center'を適用すると https://rnplay.org/apps/0bw98Q

まず、あなたは、=>

秒後に余分な中括弧を必要としませんが、それは動作しますあなたが期待する通りではありません。予想される結果をもたらす余分なビューを使用する方がよいでしょう。

出典

2016-08-24 23:57:17 Mila

はい、うまくいきました、ありがとうございます – Lance

あなたのレンダリングシーン機能はTextコンポーネントを返す必要があります。

renderScene={(route, navigator) => { 
    return <Text>Hello</Text>; 
}}

出典

2016-08-24 21:41:58 jasonmerino

私は試しましたが、どちらもうまくいきません – Lance

Chromeでデバッグして、renderScene関数が呼び出されたかどうか確認しましたか？ – jasonmerino

はい、それは – Lance

ナビゲータに何も表示されていません

答えて

関連する問題