Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Weird animation on iOS

See original GitHub issue

What kind of Issue is this?

(x) Bug Report
() Question / Problem
() Discussion / Feature Request

How are you using the Bottom Navigation?

(x) I use the Bottom Navigation together with react-navigation; the Issue is not appearing when I’m using react-navigation’s TabBar instead.
() I use the standalone version.

Expected behavior

No animation to happen when switching tabs.

Actual behavior

For some reason iOS gets an annoying animation when switching tabs. Only happens on iOS.

Additional description and resources

I was actually able to fix this deleting the following from BottomNavigation.js LayoutAnimation.configureNext(LayoutAnimation.Presets.easeInEaseOut)

https://giphy.com/gifs/8TznS7ZN5Xek1trxO8

What did you do to find a solution?

I googled everywhere and didn’t find anything.

Issue Analytics

State:
Created 6 years ago
Comments:10 (6 by maintainers)

Top GitHub Comments

2reactions

timomehcommented, Mar 20, 2018

This issue will be fixed in the next version, see #76.

If you’re interested in the solution: https://github.com/timomeh/react-native-material-bottom-navigation/blob/58b2b40d2b262a1118ad3a85a9f72c6c867a39ad/lib/ShiftingTab.js#L62-L70

Delaying the LayoutAnimation call to the next frame won’t cause other Layout changes to animate. (Or rather it will reduce the probability of glitches)

This issue will be closed when #76 is merged.

1reaction

hammadzzcommented, Mar 2, 2018

If anyone else needs the fork with the fix (only works for less than 4 tabs): https://github.com/hammadzz/react-native-material-bottom-navigation