どのように反応ネイティブを使用してすべてのコンポーネントの内容をレンダリングするのですか？

Question

私は以下のようにすべてのページにヘッダーとフッターを追加します。

例：

そしてどのように他のコンポーネントのヘッダとフッタをレンダリング？様々なページでそれをレンダリングする方法を一旦書き込みコードを意味

？

Answer 1

反応し、ネイティブ・ルータ-フラックスが、私は右のあなたの質問を得た場合、あなたはかなり簡単のために目指すものを作る使用。あなたが見るとルーターをラップすることができます

import React, { Component } from 'react'; 
 
import { Router, Scene } from 'react-native-router-flux'; 
 

 
import PageOne from './PageOne'; 
 
import PageTwo from './PageTwo'; 
 

 
export default class App extends Component { 
 
    render() { 
 
    return (
 
     <View style={{ flex:1 }}> 
 
     <YourHeaderComponent /> 
 
     <Router> 
 
      <Scene key="root"> 
 
      <Scene key="pageOne" component={PageOne} title="PageOne" initial={true} /> 
 
      <Scene key="pageTwo" component={PageTwo} title="PageTwo" /> 
 
      </Scene> 
 
     </Router> 
 
     <YourFooterComponent /> 
 
     </View> 
 
    ) 
 
    } 
 
}

：ドキュメントhttps://github.com/aksonov/react-native-router-flux

Answer 2

をチェックアウト私はreact-native-router-flux、私はドキュメントを見たとき、多分あなたはこのような何かを行うことができますことを試みることはありませんその兄弟はあなたのヘッダーとフッターのコンポーネントです。