error: RN, Typescript | Animated Style property 'height' is not supported by native animated module

Lumpen·2022년 10월 21일
0

Error

목록 보기
17/44
post-custom-banner

useNativeDriver

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 이지만
타입스크립트에서 명시하도록 정의되어 있는 것 같다

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

0개의 댓글