# Change navigated screen transition

**URL:** <https://community.thunkable.com/t/change-navigated-screen-transition/1088086>\
**Category:** Questions about Thunkable X\
**Created:** [February 9, 2021, 9:08am UTC](https://community.thunkable.com/t/change-navigated-screen-transition/1088086 "2021-02-09T09:08:57Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![irwin2004](https://avatars.discourse-cdn.com/v4/letter/i/ba8739/32.png) [@irwin2004](https://community.thunkable.com/u/irwin2004)\
**Post date:** [February 9, 2021, 9:08am UTC](https://community.thunkable.com/t/change-navigated-screen-transition/1088086/1 "2021-02-09T09:08:57Z")

</div>

How to change navigated screen transition. The default transition is from down to up. But I want to change the transition from right to left.

For example I am on screen 1, then I press a button, so it will show a transition from right to left, then it will go to screen 2.

---

<div class="post-metadata">

**Author:** ![sketch](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/sketch/32/109058_2.png) [@sketch](https://community.thunkable.com/u/sketch)\
**Post date:** [February 9, 2021, 9:21am UTC](https://community.thunkable.com/t/change-navigated-screen-transition/1088086/2 "2021-02-09T09:21:05Z")

</div>

Use stack navigator to do that  
see: [https://docs.thunkable.com/stack-navigator](https://docs.thunkable.com/stack-navigator)

---

<div class="post-metadata">

**Author:** ![irwin2004](https://avatars.discourse-cdn.com/v4/letter/i/ba8739/32.png) [@irwin2004](https://community.thunkable.com/u/irwin2004)\
**Post date:** [February 9, 2021, 10:01am UTC](https://community.thunkable.com/t/change-navigated-screen-transition/1088086/3 "2021-02-09T10:01:38Z")

</div>

I’ve use stack navigator and I change the mode to card. But why the transition don’t change?

---

<div class="post-metadata">

**Author:** ![sketch](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/sketch/32/109058_2.png) [@sketch](https://community.thunkable.com/u/sketch)\
**Post date:** [February 9, 2021, 10:21am UTC](https://community.thunkable.com/t/change-navigated-screen-transition/1088086/4 "2021-02-09T10:21:44Z")

</div>

when i change it to modal it has the normal animation.  
but when i change it to card it goes from left to right.  
but it doesn´t play an animation.

---

<div class="post-metadata">

**Author:** ![ioannis](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/ioannis/32/146956_2.png) [@ioannis](https://community.thunkable.com/u/ioannis)\
**Post date:** [November 8, 2024, 1:29pm UTC](https://community.thunkable.com/t/change-navigated-screen-transition/1088086/5 "2024-11-08T13:29:32Z")

</div>