From c306b2850ad34feda0c6135fb670f065415fa26e Mon Sep 17 00:00:00 2001 From: "satyajit.happy" Date: Mon, 8 Jul 2019 03:22:05 +0200 Subject: [PATCH] refactor: export a modal transition preset --- src/TransitionConfigs/TransitionPresets.tsx | 5 +++++ src/views/Stack/Stack.tsx | 6 ++---- 2 files changed, 7 insertions(+), 4 deletions(-) diff --git a/src/TransitionConfigs/TransitionPresets.tsx b/src/TransitionConfigs/TransitionPresets.tsx index f1066a1c1..ae93dcae0 100644 --- a/src/TransitionConfigs/TransitionPresets.tsx +++ b/src/TransitionConfigs/TransitionPresets.tsx @@ -79,3 +79,8 @@ export const DefaultTransition = Platform.select({ ? FadeFromBottomAndroid : WipeFromBottomAndroid, }); + +export const ModalTransition = Platform.select({ + ios: ModalSlideFromBottomIOS, + default: DefaultTransition, +}); diff --git a/src/views/Stack/Stack.tsx b/src/views/Stack/Stack.tsx index cf1719ccd..47c1abf1e 100755 --- a/src/views/Stack/Stack.tsx +++ b/src/views/Stack/Stack.tsx @@ -14,7 +14,7 @@ import { Props as HeaderContainerProps } from '../Header/HeaderContainer'; import StackItem from './StackItem'; import { DefaultTransition, - ModalSlideFromBottomIOS, + ModalTransition, } from '../../TransitionConfigs/TransitionPresets'; import { forNoAnimation } from '../../TransitionConfigs/HeaderStyleInterpolators'; import { @@ -301,9 +301,7 @@ export default class Stack extends React.Component { const focusedOptions = descriptors[focusedRoute.key].options; let defaultTransitionPreset = - mode === 'modal' && Platform.OS === 'ios' - ? ModalSlideFromBottomIOS - : DefaultTransition; + mode === 'modal' ? ModalTransition : DefaultTransition; if (headerMode === 'screen') { defaultTransitionPreset = {