INNER CODE UNIT · TypeScript

newFadesIn

Flaque/quirk · src/animations/index.ts:20

export const newFadesIn = ({ maxOpacity }) =>
  posed.View({
    visible: { opacity: maxOpacity },
    hidden: { opacity: 0 },
  });

export const newPopsUp = ({ fullHeight, hiddenHeight, popUpScale }) =>
  posed.View({
    peak: {
      height:
        Platform.OS === "ios" ? fullHeight * popUpScale : fullHeight * 0.6,
      transition: { type: "spring", duration: 200 },
    },
    peakNoBounce: {
      height:
        Platform.OS === "ios" ? fullHeight * popUpScale : fullHeight * 0.6,
      transition: { duration: 0, ease: "easeOut" },
    },

View source record →