CODEWITHSUNDEEP
androidreact-nativereact-native-navigation
msqar
msqar

Reputation: 3020

How to remove the bottomTabs button press effect on Android react-native-navigation (Wix)

I'm using react-native-navigation v2 from wix (3.7.0) Is there a way to remove the ugly icon mini-zoom and bubble effect it does when any bottomTabs button is pressed? This only happens on Android, iOS doesn't do that. I'm guessing is the normal default Android behaviour, but is there a way to completely remove it?

I couldn't find any variable within Navigation.setDefaultOptions or bottomTabs that allowed me that, the only thing it does seem there is, is the animation for push or pop and such.

Upvotes: 1

Views: 1141

Answers (3)

Madan B
Madan B

Reputation: 1

'alwaysShow' is the default.

You can override it by this:

titleDisplayMode: 'alwaysHide'

Upvotes: 0

guy.gc
guy.gc

Reputation: 3501

I think bottomTabs.titleDisplayMode: 'alwaysShow' is what you're looking for. if you don't want to show the tab's title then use alwaysHide instead.

Upvotes: 0

Thomas Reolon
Thomas Reolon

Reputation: 55

modifying the setRoot animations is now supported. You can set it in default options before calling setRoot or declare the desired animations in the root options. Note that this is implemented only on Android.

Navigation.setDefaultOptions({
  animations: {
    setRoot: {
      alpha: {
        from: 0,
        to: 1,
        duration: 500
      }
    }
});

Upvotes: 1

Related Questions