2つのビュー間でのシェアビューの反応ネイティブ

Question

私はFacebookのフィードに似たアプリを持っています。私はreact-native-videoを使ってビデオをレンダリングしています。ビデオをフルスクリーンにするために、コンポーネントを別のコンポーネントにラップしました。この別のコンポーネントにはTouchableHightlightがあります。 TouchableHighlightのonPressイベント内で、新しいルートが作成され、this.props.childrenがルート内のコンポーネントに小道具として渡されます。 {this.props.children}をレンダリングする新しいコンポーネントです。しかし、これにより、ラップされたビデオコンポーネントがアンマウントされ、新しいビューで再構築されます（つまり、コンポーネントのコンストラクタが再び呼び出されます）。これにより、同じコンポーネントを使用してバッファリングされたデータを格納してからどこかから再開するのではなく、ビデオを最初の位置からロードして開始します。デモプロジェクトへ

リンク：https://github.com/shahankit/video-player-fullscreen

私はコントロールが渡された小道具時に埋め込まれていますプレイヤーがコントロールをデフォルトに似た何かをしたいです。部品を作る

この方法には、フルスクリーンは次のようなビューの階層を作成しますreact-native-lightbox

Answer 1

から取られて行きます。その後、

- Root View(position: absolute) 
    - Your old entire screen layout which small video view is inside of it. 
    - Your fullscreen video view with opacity = 0 with more zIndex 

ビデオがフルスクリーンであれば、あなたがコントロールする状態を使用することができ、変更を加えるためにルートを使用する必要がありますかフルスクリーンビデオビュー