他のファイルへのネイティブデポートNavigator.NavigationBar

Question

私はたくさんの行を持つ複雑なアプリケーションを持っているので、ファイルを分割して行のファイルを避けたいと思っています。ここで

は私のコードです：

export default class Nav extends Component { 
return(
    <Navigator 
    initialRoute={ ... } 
    renderScene={ ... } 
    navigationBar={ <MyNavigationBar/> } 
    /> 
) 
} 

export default class MyNavigationBar extends Component { 
return(
    <Navigator.NavigationBar routeMapper={ ... }/> 
) 
} 

しかし、私はこれを行うとき、私は例外を持っている：ここで

export default class Nav extends Component { 
return(
    <Navigator 
    initialRoute={ ... } 
    renderScene={ ... } 
    navigationBar={ <Navigator.NavigationBar routeMapper={ ... }/> } 
    /> 
) 
} 

は私が達成したいものです未定義 はオブジェクトではありません（評価します ' navState.routeStack '）

なぜですか？私はどうすればいいですか？

Answer 1

あなたのNavigationBarコンポーネントには現在いくつかのプロパティが不足していると思います。

すべてのプロパティをNavigationBarコンポーネントに渡そうとする必要があります。ナビゲータコンポーネントとその状態を表すナビゲータとnavState 2つの小道具を受信するそれらdocumentation

このコンポーネントで述べたよう

。ルートが変更されると、コンポーネントが再レンダリングされます。

はこれを試してみてください：

export default class MyNavigationBar extends Component { 
    return(
    <Navigator.NavigationBar {...this.props} routeMapper={ ... }/> 
) 
}