native 드라이버를 사용할 것인지에 대한 옵션
API 는 Animated직렬화 가능하도록 설계되었습니다.
네이티브 드라이버 를 사용하여 애니메이션을 시작하기 전에
애니메이션에 대한 모든 것을 네이티브로 전송하여
네이티브 코드가 모든 프레임에서 브리지를 거치지 않고도
UI 스레드에서 애니메이션을 수행할 수 있도록 합니다.
애니메이션이 시작되면 애니메이션에 영향을 주지 않고
JS 스레드를 차단할 수 있습니다.
일반 애니메이션에 기본 드라이버를 사용하는 것은 간단합니다.
useNativeDriver: true시작할 때
애니메이션 구성에 추가할 수 있습니다 .
공식문서에는 위와 같이 적혀있다
기본 값이 false
이고 true
를 주어
네이티브 드라이버와 애니메이션 직렬화?를 한다는데
조금 더 알아봐야겠다..
React.useEffect(() => {
Animated.timing(fadeHeight, {
toValue: 1,
duration: 10000,
useNativeDriver: true,
}).start();
}, [fadeHeight]);
코드에서
useNativeDriver: false
로 주면 된다..
useNativeDriver 옵션을 주지 않으면 기본 값이 false 이지만
타입스크립트에서 명시하도록 정의되어 있는 것 같다