問題タブ [react-navigation]

TabNavigatorをセットアップしました。スワイプ中に画面の位置を取得したいと思います。

その方法は？Transitionerを使用せずに可能ですか?

私は現在 React Native を使用していますが、React Navigation とStackNavigator. カスタムの閉じるボタンをヘッダーに追加したいのですが、これを行う方法がわかりません。

画面に移動することは可能ですが、たとえば、戻ったり、何かをディスパッチしたりすることはできません。

私の例では、navigationOptionsforHomeScreenが機能しています。ドロワーが開きSettingsButton、設定画面に移動します。しかし、私は の に問題がnavigationOptionsありEntryScreenます。そこでCloseButton戻るために を作成しますが、ナビゲーション オブジェクトにアクセスする必要があります。

navigate他の画面に移動することは可能ですが、親オブジェクトにアクセスする必要がありますnavigation。たとえば、ドロワーのクラスでは、props.navigation（たとえばprops.navigation.navigate('Home')またはprops.navigation.goBack(null)）を介してアクセスできます

これは私の現在のコードの一部です。もちろん、次へのアクセスがないため、現在は機能していませんnavigation。

これらはボタンです:

多分あなたはそこで私を助けることができます。前もって感謝します！

この画面があるとしましょう：

ユーザーが白いツールチップをクリックすると、別の画面にリダイレクトされます。ときどきアプリが少し遅くなり、ツールチップをクリックして画面が変化するのを確認するのに約 2 秒かかります。問題は、これらの 2 秒間に、ユーザーがこのツールチップをもう一度タップして実行することです。

結果として得られるのは、StackNavigator に新しい画面のインスタンスが 2 つあるということです。つまり、新しい画面が表示されますが、[戻る] をクリックすると、この [ヒッチハイク マップ] 画面には戻りませんが、同じ画面の別のインスタンスに戻ります。

この 2 秒間にコールアウトを 5 回クリックした場合、マップ画面に戻るには [戻る] を 5 回クリックする必要があります。それを防ぐ方法はありますか？インスタンスを 1 つだけ StackNavigator に入れるには?

私はReact Navigation、より正確にはStackNavigatorを使用しています。これが私のコードです：

「ツールチップをクリック」部分：

私の画面:

react-navigation をインストールして使用しようとすると、react-native を試していますが、エラーが発生します (「react-navigation」から {StackNavigator} をインポートします;)。

エラー

次のコマンドを使用して「react-navigation」をインストールします: npm install --save react-navigation

上記のコマンドを実行すると、 node_modulesフォルダーの下に'react-navigation'フォルダーが作成され、1 つのファイル ( package.json ) だけが作成されます。以下はファイルの内容です。

誰かが問題を解決するのを手伝ってくれませんか。前もって感謝します。