グローバルフッタを反応ネイティブルータフラックスでレンダリングします。3.x

Question

すべてのシーンで、画面の下部にグローバルナビゲーションフッターをレンダリングするアプリケーションがあります。これはフッターの小道具でRNRF 2.xで行うのはとても簡単でしたが、フッター小道具がもう存在しないので、3.xでそれを実装するにはかなりの問題があります。誰でもこれを行う方法を知っていますか？

Answer 1

これはReact Nativeでのみ実行できます。古いメインコンポーネントとフッタを含む新しいビューに古いメインコンポーネントをラップするだけです。その後、フッターが常に表示されます。

ファイルpath/to/main/component.jsでMainComponentという名前の主要コンポーネントを持っていると仮定すると：

// path/to/main/component.js 
export default class MainComponent extends React.Component { 
    ... 
} 

ただ、このように変更します。

// path/to/main/component.js 
class MainComponent extends React.Component { 
    ... 
} 

export default() => (
    <View styles={styles.newMainComponent}> 
     <MainComponent /> 
     <GlobalFooter /> 
    </View> 
); 

あなたがあなたの古いメインコンポーネントからいくつかのスタイルを移動する必要があるかもしれませんそれをラップする新しいビュー