Skip to main content

コンポーネントをスタックにプッシュ

コンポーネントをスタックにプッシュノードは、コンポーネントスタックと一緒に使用して、新しいコンポーネントにナビゲートする(つまり、"スタックにプッシュする")ために使用されます。これは、アプリスタイルのナビゲーションを作成する際に典型的に使用されます。コンポーネントスタックナビゲーションの動作の詳細については、コンポーネントスタックのドキュメントをご覧ください。

入力

データ説明
スタックこのプロパティはプッシュが作用するコンポーネントスタックを定義します。コンポーネントスタックはその名前で参照されます。
モードこのプロパティは、以前のコンポーネントをスタックに残すか(プッシュ)、すべてのコンポーネントを新しいトップコンポーネントに置き換えるか(置換)を選択します。この場合、新しいコンポーネントがスタック上の唯一のコンポーネントになります。
ターゲットページここでは、コンポーネントスタックにプッシュするターゲットコンポーネントを選択します。コンポーネントは、コンポーネントスタックで定義されたコンポーネントエントリの1つでなければなりません。
シグナル説明
ナビゲートこの入力にシグナルを送信すると、ターゲットページコンポーネントスタックにプッシュされます。
混合説明
コンポーネント入力ターゲットコンポーネントが持つ任意のコンポーネント入力は、コンポーネントをスタックにプッシュノードの入力として利用可能になります。
ターゲットコンポーネントのコンポーネント入力から来るパラメータ入力です。その値はコンポーネントに転送されます。

トランジション

データ説明
トランジショントランジションの種類。以下のいずれかになります:

なし:トランジションなし、ターゲットコンポーネントは即座に表示されます。
プッシュ:スタックの現在のトップが「押し出される」一方で、新しいトップが入ります。
ポップアップ:現在のトップは変更されず、新しいトップがそれの上にトランジションで入ります。

以下のすべてのパラメータが全てのトランジションタイプで利用可能なわけではありません。
方向これは、新しいトップコンポーネントがどの方向から入るか、また、トランジションが_プッシュ_の場合、現在のトップがどの方向に押し出されるかを示します。イン、_アウト_のいずれかになります。後者はズームインとズームアウトを示します。
シフト距離これは、指定された方向でのトランジションの距離で、_%_または_px_で指定されます。つまり、コンポーネントが移動する距離です。
ズーム_方向_が_イン_または_アウト_に設定されている場合に利用可能で、トランジションが適用するズームの量を指定します。
クロスフェード有効にすると、ターゲットがフェードインし、現在のトップがフェードアウトします。_プッシュ_トランジションでのみ利用可能です。
ダークオーバーレイ現在のトップに#000000の色のオーバーレイを追加します。_プッシュ_トランジションでのみ利用可能です。
ダークオーバーレイの量オーバーレイの最大不透明度です。0からこの値までアニメーションします。0はそれを無効にし、1はオーバーレイを100%の不透明度までアニメーションさせます。_プッシュ_トランジションでのみ利用可能です。
フェードイン_ポップアップ_トランジションで利用可能です。これは、新しいトップコンポーネントがトランジション中にフェードインするかどうかを示します。
タイミングこれは、トランジションの遅延、持続時間、およびアニメーションのイージングを制御するタイミングカーブです。

トランジションの種類。以下のいずれかになります:

  • なし トランジションなし、ターゲットコンポーネントは即座に表示されます。
  • プッシュ スタックの現在のトップが「押し出される」一方で、新しいトップが入ります。
  • ポップアップ 現在のトップは変更されず、新しいトップがそれの上にトランジションで入ります。

以下のすべてのパラメータが全てのトランジションタイプで利用可能なわけではありません。

出力

シグナル説明
ナビゲートされたこのシグナルは、ターゲットコンポーネントコンポーネントスタックにプッシュされたときにトリガーされます。
混合説明
戻るアクション、結果ターゲットコンポーネントコンポーネントスタックをポップを含む場合、戻るアクション結果が関連するコンポーネントをプッシュの出力として表示されます。
ターゲットコンポーネントコンポーネントスタックをポップノードの戻るアクションから来る出力シグナルです。 ターゲットコンポーネントコンポーネントスタックをポップノードの結果から来る結果出力です。