問題タブ [react-router-native]

ロジックは単純に見えますが、何かが変わるかどうかを確認するために、6 つの順列を試してみました。react-router がこのように動作する理由がわかりません:

最後の 'welcome' は不要なはずですが、テストのためにそこに置きました: 削除すると、welcome が表示されるため、空白のページが表示される原因は明らかです。

これはrender()最上位コンポーネントのメソッドです。

これはhttps://reacttraining.com/react-router/native/guides/philosophyの例に基づいており、スイッチ、ルート、およびリダイレクトがすべてルーターを囲むことなく使用されていることを示しています。

質問は自明ですが、ルートがアクティブかどうかに応じて、リンクのスタイルを変えたいと思います。

リンクがアクティブなルートであるかどうかに基づいてスタイルを設定する機能がない場合、独自の条件付きスタイルを作成できるように、小道具または JavaScript を介してアクティブなルートを取得する方法はありますか?

さらに悪いことに、現在どのページにいるのかをメイン レイアウト マネージャーに伝える関数をページ ビューから呼び出すこともできますが、これは避けたいと思います。

サービス オーバーレイ (Facebook メッセンジャーのバブル ヘッドなど) を表示し、Android でのみ実装する反応ネイティブ アプリケーションを構築しています。オーバーレイをクリックすると、特定の画面でアプリに戻る必要があります。

私は react-router-native を使用しており、ルートは次のように構成されています。

App.js

Mainコンポーネントには次のものがあります。

Main.js

私のネイティブ モジュールからのコールバックは、次のように呼び出されています。

FloatingView.java

コールバックはコンポーネントで定義されSearch、ネイティブ モジュールも実行します。

検索.js

問題はthis.props.history.push("/progress");、タイムアウトの外側でも内側でも機能しないことです。タイムアウト外では、関数は前に呼び出されますMain componentDidMountがlocation.pathname、更新されません。その中で関数は後で呼び出されますが、正しい画面に移動しません。それは常にに陥り/homeます。

検索コンポーネントがマウントされていないため、これはライフサイクルの問題だと思いました。私はこれを機能させる方法を見つけようとしています。コンポーネントを使用してみましたRedirect：

とにかくこれを回避する方法を考えることができますか？ありがとう