問題タブ [react-navigation-stack]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
javascript - ナビゲーションを処理して、保存されていない変更を警告する
react-navigation の defaultGetStateForAction を使用してナビゲーションをインターセプトしているため、保存されていないデータがあることをユーザーに警告し、ナビゲーションを続行して保存されていないデータを削除するか、最初に保存するかを選択できます。このデータは、screenProps を介して利用可能な関数によってアクセスできる、より高いコンポーネントの状態に格納されます。
だから...ここに私のコードがあります：
javascript - ドロワー内の子スタック ナビゲーターを終了するときに、react-navigation を使用して initialRoute に移動するにはどうすればよいですか?
react-native、expo、react-navigation を使ってアプリを作成しています。他の 2 つのスタック ナビゲーターを含むメイン ドロワー ナビゲーターがあります。1 つのスタック ナビゲーターには 2 つのページがあります。Productsと製品。ページ内の 1 つの製品をクリックすると、そのProductsページに移動しProductます。ベン、ドロワー ナビゲーターの別のリンクをクリックすると、スタック ナビゲーターを離れるときに製品ページのスタック ナビゲーターが initialRoute に戻るようにしたいと思います。
スタック ナビゲーターを終了するときの initialState を設定しようとしました。ドロワー ナビゲーターのナビゲーター リンクをクリックすると initialState がレンダリングされますが、子ページでナビゲーターを終了すると機能しません。Products引き出しの をもう一度クリックすると、Productsページに移動する代わりに が表示されたままになりましたProduct。
ドロワーナビゲーターで静的リンクを作成し、this.props.navigation.navigate常に に移動するために使用できますthis.props.navigation.navigate('Products')が、それは私が望む最後のことです。ドロワー ナビゲーターが、渡すものに対して動的なままであることを本当に望んでいます。
this.props.navigation.navigateライフサイクルが進むときに試してみましたcomponentWillUnmountが、うまくいきませんでした。
これどうやってするの？
ご協力ありがとうございました！