react-native-magic-move
react-native-magic-move copied to clipboard
Same Nested Magic Item on Three Screen
I want to show the same item animated on three screen. I wrote simple code but there is logical error. The animations don't seem to make sense.
These is my code. Is there any wrong? Or there is another way? I've examined your all examples.
First screen:
![1](https://user-images.githubusercontent.com/22476697/51792763-300ede00-21c7-11e9-8723-c7fdebdec92a.png)
![2](https://user-images.githubusercontent.com/22476697/51792768-4157ea80-21c7-11e9-8b2c-4e0e4644c3ce.png)
![3](https://user-images.githubusercontent.com/22476697/51792772-52a0f700-21c7-11e9-9b38-38d9bb3f5a3d.png)
Hi, well first of all, the first screen seems to be missing the MagicMove.View
component. Some other things:
- The
id
of a magic-move view should never change, you will get a log-message on that. - In the third screen you mis-typed
useNativeDrive
, should beuseNativeDriver
- Your image source in the third screen is also very strange
Try enabling the debug
prop on the MagicMove.View component, this will log valuable information to the console
Hi, ProductCard returns Magic.View component.
-
Yes i encountered this error. Therefore i used nested MagicMove.View. So result not good.
-
Also when i don't use useNativeDriver={false} i got warning: "Must be useNativeDriver={false}" on ios.
-
And i replaced it with <MagicMove.Image /> Whatever i find another way. Thanks for answer.