react native Animated 애니메이션 에러 'attempted to assign to readonly property'

React Native를 사용하여 앱 개발시 아래와 같은 에러가 발생하였습니다.

'attempted to assign to readonly property'

왜 이런 이유가 발생하였나 알아보니 원인은 바로 컴포넌트에 Animated가 사용되지 않았기 때문입니다. 즉 지원되는 property가 없는 컴포넌트를 사용하였기 때문이며 이 경우 애니메이션이 필요한 컴포넌트에 Animated를 정확히 사용합니다.

원인 : Animated가 컴포넌트앞에 빠져서 발생


예를들어 아래 코드는 다음처럼 변경해야합니다.

또는


이제 에러없이 정상 동작할 것입니다.