Flutter: scrolling not working as expected on mobile
In a flutter app, I have a Rive animation in a scrollable view that takes up the majority of the screen. The entire animation is clickable. On web and desktop targets, scrolling works as expected, but on mobile any clickable area seems to prevent scrolling from happening. This is also evident when there are smaller targets; then scrolling happens as expected around the targets but does not occur when the swipe gesture starts on a target area. I know there is a solution for this on some web runtimes - is there something similar for the Flutter runtime?
Edit:
This behaviour seems to only occur for iOS devices.
I've created an issue on the github repo: https://github.com/rive-app/rive-flutter/issues/436
Hi, does this still happen when you toggle the isTouchScrollEnabled parameter when you initialize the Rive instance?
As far as I'm aware, isTouchScrollEnabled isn't an available parameter for the Flutter runtime? If it is, would you be able to point me in the right direction?
You're right, this is a JS-only feature. My mistake. :)
Let me ping someone to see if there's a Flutter workaround or an upcoming feature.
We're looking into the best way to support this without breaking current functionality. We'll keep you updated but it may take some time
Thanks! Looking forward to hearing from you.
Okay we have a fix that is in review. This should be available in the next release
Great news! This may mean that we can go ahead with a Rive animation as planned for our app :D
That PR has been merged: https://github.com/rive-app/rive/pull/8651.
You should be able to use isTouchScrollEnabled in the latest version of the Rive Flutter runtime. Thanks Gordon!
Can confirm that it's operational on our side. Much appreciated!