當前位置: 首頁>>代碼示例>>TypeScript>>正文


TypeScript Animated.spring方法代碼示例

本文整理匯總了TypeScript中react-native.Animated.spring方法的典型用法代碼示例。如果您正苦於以下問題:TypeScript Animated.spring方法的具體用法?TypeScript Animated.spring怎麽用?TypeScript Animated.spring使用的例子?那麽, 這裏精選的方法代碼示例或許可以為您提供幫助。您也可以進一步了解該方法所在react-native.Animated的用法示例。


在下文中一共展示了Animated.spring方法的2個代碼示例,這些例子默認根據受歡迎程度排序。您可以為喜歡或者感覺有用的代碼點讚,您的評價將有助於係統推薦出更棒的TypeScript代碼示例。

示例1: switch

    convertTransitionDefinition: (
      { raw, useNativeDriver },
      def,
      { toValue }
    ) => {
      if (isAction(def)) return def;

      const animationProps = {
        ...def,
        toValue,
        useNativeDriver
      };

      switch (def.type) {
        case 'spring':
          return Animated.spring(
            raw,
            animationProps as Animated.SpringAnimationConfig
          );
        default:
          return Animated.timing(
            raw,
            animationProps as Animated.TimingAnimationConfig
          );
      }
    },
開發者ID:jamesgeorge007,項目名稱:popmotion,代碼行數:26,代碼來源:factory.ts

示例2:

const overDampedSpring: Transition = ({
  value,
  toValue,
  useNativeDriver = true
}) =>
  Animated.spring(value, {
    toValue,
    stiffness: 700,
    damping: toValue === 0 ? 100 : 35,
    useNativeDriver
  });
開發者ID:jamesgeorge007,項目名稱:popmotion,代碼行數:11,代碼來源:default-transitions.ts


注:本文中的react-native.Animated.spring方法示例由純淨天空整理自Github/MSDocs等開源代碼及文檔管理平台,相關代碼片段篩選自各路編程大神貢獻的開源項目,源碼版權歸原作者所有,傳播和使用請參考對應項目的License;未經允許,請勿轉載。