callstack / callstack/react-native-paper

BottomNavigation.Bar Animation stuck after upgrading to React native 0.80.1

Open
#4,767 5 comments 3 reactions 0 assignees View on GitHub
bug
Dominant language
TypeScript
Stars
14.5k
Forks
2.2k
Avg merge
5d 23h
Merged PRs (30d)
12

Description

### Current behaviour
When i click on any tab on the tab bar, the animation is stuck, i have to click it multiple times to get the full animation to be completed. Happens on both iOS and Android. Started happening after upgrading React native.

### Expected behaviour
Should animate normally giving the ripple effect.

### How to reproduce?
Using BottomNavigation.Bar with React Navigation. Worked fine before upgrading React native to 0.80.1, was on react native 0.79.2

### Preview

Image

Image

### What have you tried so far?
Nothing so far.

### Your Environment

| software | version
| --------------------- | -------
| ios | 18.5
| android | 15
| react-native | 0.80.1
| react-native-paper | 5.14.5
| node | 23.9.0
| npm | 11.4.2
| expo sdk | 0.0.0

Contributor guide

Open the contributing guide

Research direction

Start by reproducing the issue through BottomNavigation.Bar with React Navigation on React Native 0.80.1, comparing it with 0.79.2 on iOS and Android. Trace the BottomNavigation.Bar animation and ripple entry points, then verify that a single tab click completes the animation normally in both environments.

Written by the indexing model from the issue text.

Assessment

Tech stack
react-native
Domain
frontend, mobile
Issue type
Bug
Difficulty
4/5
Estimated time
3-5 days
Activity status
Quiet
Clarity
Mostly clear
Newbie friendliness
48/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.