Repository navigation
Button tap areas dont work only in Android #361
Description
Description
Rive button cannot be tapped in Android.
I have a component with 3 buttons (2 active by default). In iOS and Rive Studio preview everything works as expected, but in Android I cannot tap these buttons in the defined area. If I do a downward gesture(in a real device) over the component, all buttons go into tapped mode once(see video, gesture is near the end of the video (~17sec))
Provide a Repro
https://github.com/krisidmisso/RN-Rive-Android-Bug
Source .riv/.rev file
.riv file is included in the project, but for ease of use I have used a URL instead. It points to the same file in the repository
.rev file is also included in the repository folder rive https://github.com/krisidmisso/RN-Rive-Android-Bug/tree/main/rive
Expected behavior
Tap areas should work on Android same as they do in iOS
Screenshots
android-rec.mp4
Device & Versions (please complete the following information)
- Device: Samsung S22 Ultra, Samsung S24, Emulator
- OS: Android 15 and 14 (API 35, API 34)
- NPM Version:
10.5.0 - React Native:
0.79.3 - Rive:
9.5.0
Additional context
Events and state triggers work as expected. The only issue is the tap area in Android
Activity
[-]Button tap areas dont work in Android[/-][+]Button tap areas dont work only in Android[/+]jtovarto commentedon Sep 10, 2025
One thing that worked for me was using the pointer down event, and the listener target had to be a shape; using another type of element didn't work.
krisidmisso commentedon Sep 16, 2025
this solution partially worked for me. I have a draggable view that has the Rive component inside, and whenever I drag this view, all the buttons seem to get pressed, even though I drag from an area that doesnt have the buttons(big circle in the above example)