問題タブ [react-router-native]

React Router Nativeを使用しています特定のパス上のコンポーネントを非表示にしたい

私のHomeコンポーネントでは、リンクがクリックされたときにAboutコンポーネントをレンダリングするFooter必要があり、非表示にする必要があり、残りのルートFooterをレンダリングする必要があります。Footerステートレス コンポーネントです。

コンポーネントにアクセスしようとしprops.locationましたが、それ以降は空のオブジェクトですFooterundefinedprops{}

特定のコンポーネントをレンダリングしないために 1 つのパスのみをブラックリストに登録する方法を質問します。

React ネイティブ アプリを開発し、React ルーター ネイティブ v4 を使用しています。ドキュメントで示唆されているように、アニメーション部分を開発しようとしています。最初に、すべてがアニメーションやトランジションなしで機能することを確認しました。

私は実装を繰り返しましたが、これは私が今得た限りです:

私のメインコンポーネントは以下をレンダリングします:

私の routes.js は次をレンダリングします (親コンポーネントの前に子を更新しないように、Switch に渡された location プロパティに注意してください):

そして、アニメーションを処理する ViewTransition は、今では古いビューと新しいビューをフェードイン/アウトするだけです:

上記のコードは機能しており、古いビューがフェードアウトし、新しいビューがフェードインするのを見ることができますが、問題があります.フェードアウトし始めると、どういうわけかコンポーネントが再びマウントされ、アニメーションが始まる直前にまばたきが見られます.私のコードの何が問題なのかを知るために。

更新：

反応ナビゲーション Web サポートが行われます。これに従ってください： https://reactnavigation.org/docs/en/web-support.html

起源:

反応ネイティブとウェブの間でコードを共有しようとしています。react-native-web を試すと、うまくいきます。URLから特定の画面にアクセスする方法を教えてください。反応ナビゲーションのドキュメントを読みましたが、それについては何もありません。react-router-native は Web URL をキャッチできますが、StackNavigator/DrawerNavigator などのナビゲーターがあります。それについてのアイデア？