luigi-rosso
commented
4 years ago We don't have anything that easily abstracts this, but Flutter provides everything you need to do this. I can think of two ways to do this.
One would require writing a custom LeafRenderWidget (this is what FlareActor uses). If you haven't seen how these work, basically they create a custom (ideally longer lived) RenderObject which does the actual rendering and loading of visual assets. Our FlareActor (LeafRenderWidget) uses a custom FlareRenderBox as it's RenderObject. This FlareRenderBox has a hitTestSelf method which you can override. It gets passed in the screenOffset as an argument. You could then compare that coordinate to the image/shape you're interested in and perhaps invoke some callback that you passed into your custom widget. We currently use this just to let the Flutter widget tree know that the Flare Object was tapped on as a whole, but you can use this functionality to inject a custom hit detector.
Another, I think more tedious way, would be to wrap the FlareActor in a GestureDetector and then propagate tap events to a custom controller on the FlareActor that can do hit detection. I dislike this because it happens higher in the widget hierarchy and I think it'll be more difficult to transform coordinate spaces here, but maybe not...
If you have a specific example file, we could try to hook up an example for you!
ChristianKleineidam
My flutter app requires the user to click on the correct part of an image. If the user clicked the correct part of image or within X dp of the part I want to start animation_correct, otherwise I want to start animation_wrong.
Does flare provide me inbuild methods to help me? Otherwise, what's the best strategy to implement such a feature?