ナビゲーション遷移間に残る静的要素

Question

私はマルチスクリーンフォームフローを持っています。すべての画面の上部にプログレスバーを表示したいと思います。

現在、シーンのトランジションは新しいプログレスバーの要素を取り込み、古いものをカバーします。

私はプログレスバーを持つ方法を探しています

それを行うには、新たなシーンがでスライドしながら、静的なまま。

Answer 1

一つの方法は、からのシーン遷移を防ぐために、ナビゲータのうち、プログレスバーを動かすことであろうそれに影響を与え、それを静的に保つ。 reduxを使用している場合は、シーンを移行するときにプログレスバーを更新するアクションを作成できます。

Answer 2

@MattAftが言おうとしているもののためのコードは次のようになります。

render(){ 
    return(
     <View style={{flex:1}}> 
     <ProgressBar props={your.props}/> 
     <AppNavigator /> 
     </View> 
    ) 
    } 

プログレスバーとAppNavigatorどちらも、あなたが作ったコンポーネントになります。 AppNavigatorコンポーネントには、現在使用しているNavigatorコンポーネントがあります。