使用道具禁用材质UI选项卡指示器动画

Question

我正在使用Material UI tabs作为我的导航菜单。

我想在导航到另一条路线时禁用指示器中的动画。

我知道有一个对象属性TabIndicatorProps。但是它里面禁用动画的密钥是什么呢？或者它不在那里，我必须用CSS来做吗？

<Tabs
 value={value}
 TabIndicatorProps={{ ?? }}
>

Answer 1

看起来最简单的方法是使用CSS，如下所示：

<Tabs
  value={value}
  TabIndicatorProps={{
    style: {transition: 'none'}
  }}
>

在Material UI版本4.11上测试。我通过查看TabIndicator组件的source code (version 4.x)发现了这一点。

这应该适用于Material 5.x，因为它还使用了transition CSS属性，请参见source code for latest version。