ナビゲータは何もレンダリングしません

Question

私はReact Nativeを初めて使いましたが、スクリーン、リストをレンダリングすることができます。私は大きな画像を理解し始めていると思います。

しかし、私はこの単純なナビゲータコードを動作させることはできません。それは私を狂ってしまいます。

class RNTest extends Component { 
 
    render() { 
 
     return (
 
      <Navigator 
 
       initialRoute={{ title: 'My Initial Scene', index: 0 }} 
 
       renderScene={(route, navigator) => { 
 
        <Text>Hello</Text> 
 
       }} 
 
      /> 
 
     ); 
 
    } 
 
}

エラーなし、無問題：それはあなたが公式ドキュメントを含め、ウェブ上のどこでも見つけることができる基本的な例です。私が得るのは白い画面だけです。

ナビゲータをコンポーネントに置き換えると、すべて動作します。このナビゲータは何かをレンダリングすることを拒否しています。何が起こっているのか把握するためのヒント？

Answer 1

renderSceneは、戻り値を持たなければならない、あなたがこれを行うことができます：

renderScene={ (route, navigator) => <Text>Hello</Text> } // Text component is return value 

Arrow functions

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

または削除を '{}' ラッピングテキストコンポーネントは多分役立つ、あなたは 'アロー関数の構文' を検索する必要があります