React-native-paper: Remove animation for BottomNavigation

[chuabingquan]

Hi, is it possible to disable animation for BottomNavigation when switching between the tabs?

[jayu]

Try playing with shifting prop. Maybe it is that what you mean.
From docs:

Whether the shifting style is used, the active tab appears wider and the inactive tabs won't have a label. By default, this is true when you have more than 3 tabs.

[chuabingquan]

My bad, I wasn't clear. When I tapped on any of the bottom tabs, there would be a transition animation as the screen changes. This seems to introduce lag between page changes and renders some momentary stray shadows near my app bar as shown in the video below. The issue is happening exclusively on Android.

Video illustrating lag

Snack: https://snack.expo.io/@chuabingquan/lag

[jayu]

These shadows bug is related to a bug in Android 9 in react-native. But I cannot reproduce a lag. To support animation disabling we need to add a prop. It will resolve shadows issue but I'm not sure about the lag issue. Did you try the code on a real device?

[chuabingquan]

Did you try to test on an android device? The issue seems to be exclusive to android only. I’ve tried it on both an emulator and an actual device but still got some lag that’s similar to this issue

[jayu]

Yes, I tested on a high-end Android device. Maybe it occurs on weaker ones.

[chuabingquan]

I've tested it on a flagship android device and there's still a latency of about a second. I'm not an android user, perhaps I'm not used to the animation. However, is there a workaround for the shadow bug you mentioned with react native? A prop to disable animation seems practical.

[talaikis]

+1

[gdoudeng]

+1

[github-actions[bot]]

Hello 👋, this issue has been open for more than 2 months with no activity on it. If the issue is still present in the latest version, please leave a comment within 7 days to keep it open, otherwise it will be closed automatically. If you found a solution on workaround for the issue, please comment here for others to find. If this issue is critical for you, please consider sending a pull request to fix the issue.

[andrestone]

Any updates on this? I'm running on a Note 10+ and there's a noticeable delay.