問題タブ [react-navigation-v5]

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.

0 投票する
0 に答える
35 参照

react-native - React Navigation V5 ネスティング ナビゲーターには問題があります

navigation.goBack() に問題があります

こんにちは、私はドロワーとスタック ナビゲーターを使用しているアプリを持っています。私のナビゲーション構造は次のとおりです。

リストページには初期パラメータがあり、リストページでは詳細ページに移動しています...navigation.goBack()を使用して戻ると、ListPageではなくメインページに移動します... ListPageに移動したい

私は反応ナビゲーションv5を使用しています

0 投票する
0 に答える
1588 参照

react-native - Appbar.content には上に空のスペースがあります

次のコードを使用して、react-native-paperandでヘッダーを作成していreact-navigationます。

その結果、画像の上に体系的に空のスペースができます (背景を赤にして、より明確にします)。ここに画像の説明を入力

このスペースは .jpg には存在せず、実際にはどの画像にも表示されます。@expo/vector-icons画像の代わりにMaterialCommunityIcons (から) を使用すると、このスペースは表示されません。

これの原因とそれを取り除く方法はありますか?

0 投票する
1 に答える
1581 参照

javascript - React Native - FlatList プロパティでナビゲーションを使用するには?

Stack.Screen の名前がファイルに由来するFlatListプロパティで React Navigation を使用する方法を知りたい.jsonです。

そして、ユーザーがそのアイテムをクリックすると、アプリケーションの別のページに移動します。

データ

FlatList 構造

Ripple のnavigation.navigate({goTo})onプロパティを使用しようとしましたが、ReferenceError が表示されます: Can't find variable: navigationonPressIn

最終的にエクスポートされたコンポーネント

0 投票する
1 に答える
1164 参照

react-native - React Navigation カスタム ナビゲーター遷移

2 つの画面間で特定の要素のアニメーション化を処理できる Stack Navigator を作成しようとしています。Fluid Transitionsreact-navigationは使用できるライブラリのように見えましたが、 5.Xをサポートしていません。react-navigation v5 でこの機能を備えたパッケージがあれば、それは素晴らしいことです。

StackNavigatorただし、v5 の現在のパッケージがない場合は、この種の機能を処理できるように を拡張したいと考えています。次のようなものを使用して、のデフォルトのアニメーションを削除できましたStackNavigator(ここで、のプロップでtransitionブール値が取得されます:optionsStack.Screen

Contextアニメーションを処理するために、トランジションの進行状況をシーンの子孫に渡す (または他の方法)を使用できるようにしたいと考えています。v5 で移行の進行状況を取得する方法はありますか? それとも、これCustomTransitionStackNavigatorはその状態を管理する必要がありますか? ありがとう!