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>
)
}
);
これについて私を親切に案内してください。
ありがとう