如何在Android react-native-navigation（Wix）上删除bottomTabs按钮按下效果答案

【问题标题】：How to remove the bottomTabs button press effect on Android react-native-navigation (Wix)如何在Android react-native-navigation（Wix）上删除bottomTabs按钮按下效果
【发布时间】：2020-04-20 17:58:31
【问题描述】：

我正在使用 wix (3.7.0) 中的 react-native-navigation v2 有没有办法消除按下任何底部标签按钮时丑陋的图标迷你缩放和气泡效果？这只发生在 Android 上，iOS 不会这样做。我猜这是正常的默认 Android 行为，但有没有办法完全删除它？

我在 Navigation.setDefaultOptions 或 bottomTabs 中找不到任何允许我这样做的变量，它似乎唯一存在的就是 push 或 pop 等动画。

【问题讨论】：

标签： android react-native react-native-navigation

【解决方案1】：

现在支持修改 setRoot 动画。您可以在调用 setRoot 之前在默认选项中设置它，或者在根选项中声明所需的动画。请注意，这仅在 Android 上实现。

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

【讨论】：

我明白了，所以如果我想避免该动画并增加其大小，我必须将持续时间设置为 0？
还有一个 scaleX 和 scaleY，我会尝试将它们设置为 1。
不幸的是，它没有用。按下时始终显示相同的默认底部选项卡按钮动画。

【解决方案2】：

我认为bottomTabs.titleDisplayMode: 'alwaysShow' 是您正在寻找的。如果您不想显示标签的标题，请改用alwaysHide。

【讨论】：

嘿家伙，不.. 我不想隐藏标题，我不想让任何东西变大，我不想让它们移动（动画），我希望它们的行为完全一样在 iOS 中。那里的一切都保持不变，只有 activeIcon 在点击时会发生变化。
目前不可能。关闭动画可以使用titleDisplayMode: 'alwaysShow' - 我将尝试添加一个选项以尽快删除动画
谢谢，真的很感激。如果您还可以添加一个选项以在点击时删除按钮后面的气泡淡出效果，那也很棒！ :) 我期待你的改变。

【解决方案3】：

'alwaysShow' 是默认。

您可以通过以下方式覆盖它：

titleDisplayMode: 'alwaysHide'

【讨论】：