rive-app / rive-app/rive-react-native
Button tap areas dont work only in Android
Nobody has claimed this yet.
- Dominant language
- TypeScript
- Stars
- 783
- Forks
- 81
- Avg merge
- 3d 6h
- Merged PRs (30d)
- 3
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
https://github.com/user-attachments/assets/01a67ba0-2e13-4cd3-9698-f8b4e5026fd2
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
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Start by running the linked RN-Rive-Android-Bug reproduction on Android with the supplied .riv file and the .rev file in the rive folder, then compare its button behavior with iOS and the Rive Studio preview. Done means the defined tap areas activate the buttons on the listed Android devices and emulator without requiring a downward gesture.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- android, react-native, typescript
- Domain
- mobile
- Issue type
- Bug
- Difficulty
- 4/5
- Estimated time
- 3-5 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 35/100