fix (Expensify#37257): use instead of transition

src/libs/Navigation/AppNavigator/modalStackNavigatorOptions/index.native.ts

@@ -1,8 +1,9 @@
 import type {NativeStackNavigationOptions} from '@react-navigation/native-stack';
+import transition from './transition';
 
 const defaultSubRouteOptions: NativeStackNavigationOptions = {
     headerShown: false,
-    animation: 'slide_from_right',
+    animation: transition,
 };
 
 export default defaultSubRouteOptions;

src/libs/Navigation/AppNavigator/modalStackNavigatorOptions/transition.android.ts

@@ -0,0 +1,4 @@
+// `slide_from_right` is resolved to `default` transition on iOS, but this transition causes issues on iOS
+const transition = 'slide_from_right';
+
+export default transition;

src/libs/Navigation/AppNavigator/modalStackNavigatorOptions/transition.ios.ts

@@ -0,0 +1,5 @@
+// default transition is causing weird keyboard appearance: - https://github.com/Expensify/App/issues/37257
+// so we are using `simple_push` which is similar to default and not causing keyboard transition issues
+const transition = 'simple_push';
+
+export default transition;

src/libs/Navigation/AppNavigator/modalStackNavigatorOptions/transition.ts

@@ -0,0 +1,3 @@
+const transition = 'default';
+
+export default transition;