@audira/carbon-react-native
Version:
Build React Native apps with component and shared patterns using Carbon
23 lines (22 loc) • 778 B
JavaScript
;
import { Easing } from 'react-native';
import { Motion, Spacing } from '@audira/carbon-react-native-elements';
export const FadeBottomUp = {
duration: Motion.Duration.moderate_02,
modalStyleFactory(animatedValue, inputRange) {
return {
opacity: animatedValue.interpolate({
inputRange,
outputRange: [0, 1, 0]
}),
transform: [{
translateY: animatedValue.interpolate({
inputRange,
outputRange: [Spacing.spacing_04, 0, Spacing.spacing_04]
})
}]
};
},
modalEasing: Easing.bezier(Motion.Easing.entrance.expressive.x1, Motion.Easing.entrance.expressive.y1, Motion.Easing.entrance.expressive.x2, Motion.Easing.entrance.expressive.y2)
};
//# sourceMappingURL=fade-bottom-up.js.map