react-native-magic-move icon indicating copy to clipboard operation
react-native-magic-move copied to clipboard

Same Nested Magic Item on Three Screen

Open Batuhan-Akkaya opened this issue 5 years ago • 2 comments

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 **Second screen:** 2 **Third screen:** 3

Batuhan-Akkaya avatar Jan 26 '19 21:01 Batuhan-Akkaya

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 be useNativeDriver
  • 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

IjzerenHein avatar Jan 27 '19 16:01 IjzerenHein

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.

Batuhan-Akkaya avatar Jan 31 '19 10:01 Batuhan-Akkaya