callstack / callstack/react-native-paper
BottomNavigation.Bar Animation stuck after upgrading to React native 0.80.1
- 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
### 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
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