リアクションナビゲーションで画面をプッシュダウンする方法

Question

ヘッダーを含むナビゲーション画面全体をプッシュダウンすることはできますか？次の画像のように画面を押し下げる必要があります。これを達成するためにどこから始めるべきかはわかりません。私のナビゲーション全体を別のコンテナに入れ子にする必要がありますか？

Answer 1

はい、あなたは<View>とスタイルそれのような別のコンポーネントによって、あなたのナビゲーターをラップすることができます。 多分もっと良い解決策がありますが、ラッピングはうまくいきました。

Answer 2

そのための組み込みオプションがあります - あなたは、例えば、あなたのスタックナビゲーターにmode: 'modal'を設定する必要があります。

const MainStack = initialRouteName => 
    StackNavigator(
    { 
... 
    }, 
    { 
     ...navStyles, 
     initialRouteName, 
     mode: 'modal', 
    } 
); 

ノートこのようなパターンが上に存在しないので、これが唯一の、iOSの効果がありますandroid