multiple transitions are overlapping about react-native-magic-move HOT 10 CLOSED

I made it so, so that it looks at either the zIndex of the source or the target (the source has preference over the target though).

I just released this as v0.6.0-rc0 on NPM. Can you give it a test by installing yarn add react-native-magic-move@next?

from react-native-magic-move.

Right I see. I'll take a look at that. Thanks for reporting.

from react-native-magic-move.

@MarianBe Do you have a suggestion for an API?

from react-native-magic-move.

@IjzerenHein I would suggest a simple prop called zIndex that receives an integer.
So something like this:
<MagicMove.View id="logo" zIndex={3} style={{ width: 200, height: 200, backgroundColor: "purple", borderRadius: 0 }} />

from react-native-magic-move.

Yeah, sounds good. What would make more sense to you, to set it on the source or the target MagicMove.View component?

from react-native-magic-move.

@IjzerenHein for me personally it would be the source but both options would be fine I guess

from react-native-magic-move.

@IjzerenHein works like a charm, thank you very much!

from react-native-magic-move.

Sweet, thanks for testing!
I'll probably release an update today, will let you know.
cheers

from react-native-magic-move.

Released on NPM as v0.6.0 (https://www.npmjs.com/package/react-native-magic-move/v/0.6.0)

from react-native-magic-move.

@IjzerenHein sweet thank you very much! Loving this library!

from react-native-magic-move.