ZIndex of component

[a313]

Hi everyone,
I have a Draggable component and i want to change z index of that component when dragging. But I didnt found any solution for this. Any suggest?

[rundun]

There is a priority property on components that you potentially could leverage off of.

[spydon]

You can change it real-time. You'll have to use the BaseGame.changePriority method, since it will have to re-balance the component tree.

[a313]

I have try something like that in draggable component
@OverRide
int get priority => isDragging ? 999 : 0;

And in BaseGame

if (component is DraggableComponent && component.isDragging) {
return super.changePriority(component, 999, reorderRoot: true);
} else {
return super.changePriority(component, 0, reorderRoot: false);
}

But it not work at all. Can you show me some example. Thanks

[rundun]

Paste a minimal code example off your problem

[spydon]

@a313 you can't change the priority dynamically like that without re-ordering the component tree, so instead you should override onDragStart and put gameRef.changePriority in there. (Add the hasGameRef mixin to your component so that you have access to the gameRef).
Have a look at the code for the priority example:
https://github.com/flame-engine/flame/blob/main/examples/lib/stories/components/priority.dart
https://examples.flame-engine.org/#/Components_Priority

[a313]

@a313 you can't change the priority dynamically like that without re-ordering the component tree, so instead you should override onDragStart and put gameRef.changePriority in there. (Add the hasGameRef mixin to your component so that you have access to the gameRef).
Have a look at the code for the priority example:
https://github.com/flame-engine/flame/blob/main/examples/lib/stories/components/priority.dart
https://examples.flame-engine.org/#/Components_Priority

Thank you!