Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

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

Open
headfire94 opened this issue Oct 30, 2019 · 2 comments

Comments

@headfire94
Copy link
Contributor

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

@sonaye
Copy link
Collaborator

sonaye commented Oct 31, 2019

Would the second style (direct usage) work for you or does this need an urgent fix?

@headfire94
Copy link
Contributor Author

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

This one works, i use it right now.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants