expo-router
Version:
Expo Router is a file-based router for React Native and web applications.
172 lines (170 loc) • 5.9 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
0 && (module.exports = {
BottomSheetAndroid: null,
DefaultTransition: null,
FadeFromBottomAndroid: null,
FadeFromRightAndroid: null,
ModalFadeTransition: null,
ModalPresentationIOS: null,
ModalSlideFromBottomIOS: null,
ModalTransition: null,
RevealFromBottomAndroid: null,
ScaleFromCenterAndroid: null,
SlideFromLeftIOS: null,
SlideFromRightIOS: null
});
function _export(target, all) {
for(var name in all)Object.defineProperty(target, name, {
enumerable: true,
get: Object.getOwnPropertyDescriptor(all, name).get
});
}
_export(exports, {
get BottomSheetAndroid () {
return BottomSheetAndroid;
},
get DefaultTransition () {
return DefaultTransition;
},
get FadeFromBottomAndroid () {
return FadeFromBottomAndroid;
},
get FadeFromRightAndroid () {
return FadeFromRightAndroid;
},
get ModalFadeTransition () {
return ModalFadeTransition;
},
get ModalPresentationIOS () {
return ModalPresentationIOS;
},
get ModalSlideFromBottomIOS () {
return ModalSlideFromBottomIOS;
},
get ModalTransition () {
return ModalTransition;
},
get RevealFromBottomAndroid () {
return RevealFromBottomAndroid;
},
get ScaleFromCenterAndroid () {
return ScaleFromCenterAndroid;
},
get SlideFromLeftIOS () {
return SlideFromLeftIOS;
},
get SlideFromRightIOS () {
return SlideFromRightIOS;
}
});
function _reactnative() {
const data = require("react-native");
_reactnative = function() {
return data;
};
return data;
}
const _CardStyleInterpolators = require("./CardStyleInterpolators");
const _HeaderStyleInterpolators = require("./HeaderStyleInterpolators");
const _TransitionSpecs = require("./TransitionSpecs");
const ANDROID_VERSION_PIE = 28;
const ANDROID_VERSION_10 = 29;
const ANDROID_VERSION_14 = 34;
const SlideFromRightIOS = {
gestureDirection: 'horizontal',
transitionSpec: {
open: _TransitionSpecs.TransitionIOSSpec,
close: _TransitionSpecs.TransitionIOSSpec
},
cardStyleInterpolator: _CardStyleInterpolators.forHorizontalIOS,
headerStyleInterpolator: _HeaderStyleInterpolators.forFade
};
const ModalSlideFromBottomIOS = {
gestureDirection: 'vertical',
transitionSpec: {
open: _TransitionSpecs.TransitionIOSSpec,
close: _TransitionSpecs.TransitionIOSSpec
},
cardStyleInterpolator: _CardStyleInterpolators.forVerticalIOS,
headerStyleInterpolator: _HeaderStyleInterpolators.forFade
};
const ModalPresentationIOS = {
gestureDirection: 'vertical',
transitionSpec: {
open: _TransitionSpecs.TransitionIOSSpec,
close: _TransitionSpecs.TransitionIOSSpec
},
cardStyleInterpolator: _CardStyleInterpolators.forModalPresentationIOS,
headerStyleInterpolator: _HeaderStyleInterpolators.forFade
};
const FadeFromBottomAndroid = {
gestureDirection: 'vertical',
transitionSpec: {
open: _TransitionSpecs.FadeInFromBottomAndroidSpec,
close: _TransitionSpecs.FadeOutToBottomAndroidSpec
},
cardStyleInterpolator: _CardStyleInterpolators.forFadeFromBottomAndroid,
headerStyleInterpolator: _HeaderStyleInterpolators.forFade
};
const RevealFromBottomAndroid = {
gestureDirection: 'vertical',
transitionSpec: {
open: _TransitionSpecs.RevealFromBottomAndroidSpec,
close: _TransitionSpecs.RevealFromBottomAndroidSpec
},
cardStyleInterpolator: _CardStyleInterpolators.forRevealFromBottomAndroid,
headerStyleInterpolator: _HeaderStyleInterpolators.forFade
};
const ScaleFromCenterAndroid = {
gestureDirection: 'horizontal',
transitionSpec: {
open: _TransitionSpecs.ScaleFromCenterAndroidSpec,
close: _TransitionSpecs.ScaleFromCenterAndroidSpec
},
cardStyleInterpolator: _CardStyleInterpolators.forScaleFromCenterAndroid,
headerStyleInterpolator: _HeaderStyleInterpolators.forFade
};
const FadeFromRightAndroid = {
gestureDirection: 'horizontal',
transitionSpec: {
open: _TransitionSpecs.FadeInFromBottomAndroidSpec,
close: _TransitionSpecs.FadeOutToBottomAndroidSpec
},
cardStyleInterpolator: _CardStyleInterpolators.forFadeFromRightAndroid,
headerStyleInterpolator: _HeaderStyleInterpolators.forFade
};
const BottomSheetAndroid = {
gestureDirection: 'vertical',
transitionSpec: {
open: _TransitionSpecs.BottomSheetSlideInSpec,
close: _TransitionSpecs.BottomSheetSlideOutSpec
},
cardStyleInterpolator: _CardStyleInterpolators.forBottomSheetAndroid,
headerStyleInterpolator: _HeaderStyleInterpolators.forFade
};
const ModalFadeTransition = {
gestureDirection: 'vertical',
transitionSpec: {
open: _TransitionSpecs.BottomSheetSlideInSpec,
close: _TransitionSpecs.BottomSheetSlideOutSpec
},
cardStyleInterpolator: _CardStyleInterpolators.forFadeFromCenter,
headerStyleInterpolator: _HeaderStyleInterpolators.forFade
};
const DefaultTransition = _reactnative().Platform.select({
ios: SlideFromRightIOS,
android: Number(_reactnative().Platform.Version) >= ANDROID_VERSION_14 ? FadeFromRightAndroid : Number(_reactnative().Platform.Version) >= ANDROID_VERSION_10 ? ScaleFromCenterAndroid : Number(_reactnative().Platform.Version) >= ANDROID_VERSION_PIE ? RevealFromBottomAndroid : FadeFromBottomAndroid,
default: ScaleFromCenterAndroid
});
const ModalTransition = _reactnative().Platform.select({
ios: ModalPresentationIOS,
default: BottomSheetAndroid
});
const SlideFromLeftIOS = {
...SlideFromRightIOS,
cardStyleInterpolator: _CardStyleInterpolators.forHorizontalIOSInverted
};
//# sourceMappingURL=TransitionPresets.js.map