shakl icon indicating copy to clipboard operation
shakl copied to clipboard

Transform issue - Attempt to get native tag from node not marked as "native"

Open headfire94 opened this issue 5 years ago • 2 comments

Bug when using transform animated values in this way

<Circle
  translateYDriver={translateY}
  translateXDriver={translateX}
/>
const Circle = styled(Animated.View)(
  ({ translateXDriver, translateYDriver }) => ({
    transform: [{ translateX: translateXDriver }, { translateY: translateYDriver }]
  })
)

Error: Invariant Violation: Attempt to get native tag from node not marked as "native"

But when i use them directly everything works fine


<Circle
   style={{
      transform: [{ translateX: translateXDriver }, { translateY: translateYDriver }]
    }}
/>

It works fine also if i use opacity native driver

headfire94 avatar Oct 30 '19 19:10 headfire94