rive-app / rive-app/rive-react-native

Button tap areas dont work only in Android

Open
#361 2 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

triage
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

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. 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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.