Is there a way to set z-order / z-index dynamically?

[KrisLau]

I know that generally the elements that are placed last in code have the highest z-index and so will show up above other items. However is there a way for me to set this dynamically or to up the z-index of one component temporarily?

What I'm trying to achieve is to have the element that is being dragged be moved to the forefront of any other element while it is being dragged. Currently when I drag one object it still goes behind other objects:

Ideally in this case, I would want Bbb to be in the forefront of every other item in the canvas.

[wcandillon]

This is indeed a use-case we should support.
Currently you can simply return an array with a stable key for each item and then reorder the array.
But we will try to see if we can implement this feature.

[KrisLau]

Ok, thank you! I think I will probably just make the other blue square elements translucent during drag for now like this:

[Malexs]

@wcandillon I saw there was a MR with zIndex, when could it be expected to be released?

[Temi-Avione]

Also wondering!

[tylerrrkd]

@KrisLau hi friend, may I ask you how to make every object draggable?

[KrisLau]

https://github.com/enzomanuelmangano/react-native-skia-gesture is what I ended up using