2

ReactNative現在、 2つの画面を持つアプリに取り組んでいます。目標は、どの画面から来たかに応じて、画面が互いに押し合ったり押し下げたりするように画面をアニメーション化することです。以下GIFは、私が達成しようとしている移行です。

私が探している遷移の例

現在、私はcreateAnimatedSwitchNavigator効果を作成するために使用していますが、問題は、現在のトランジションが画面を押し上げるだけであることです。トランジションの方向を変更できるように、アニメーション スイッチ ナビゲーター内で現在どの画面にいるかを検出する方法はありますか?

const MySwitch = createAnimatedSwitchNavigator(
  {
    Home: {
        screen: Home
    },
    Page2: {
        screen: Page2
    },
  },
  {
    transition: (
        <Transition.Together>
            <Transition.Out
                type="slide-top"
                durationMs={400}
                interpolation="easeIn"
            />
            <Transition.In type="slide-bottom" durationMs={500} />
        </Transition.Together>
    )
  }
);

これについて私を親切に案内してください。

ありがとう

4

2 に答える 2