TIL: RN | Animated View Animation - 221024

Lumpen·2022년 10월 25일
0

TIL

목록 보기
168/244

Animated.View

react native 에서 css 애니메이션을 줄 수 있는 View

 const fadeNum = React.useRef(new Animated.Value(100)).current;

const FadeAnimation = ({ fadeNum, toValue, duration }: Prams) => {
  Animated.timing(fadeNum, {
    toValue,
    duration,
    useNativeDriver: false,
  }).start();
};

FadeAnimation({ fadeNum: 300, toValue: 100, duration: 1000 });

fadeNum 의 Animation.Value 에는 숫자만 들어갈 수 있다
-> 퍼센트로 사용하기 위해서는 String 변환 후 + '%'로 사용할 수 있을 것 같다

profile
떠돌이 생활을 하는. 실업자, 부랑 생활을 하는

0개의 댓글