使用道具禁用材质 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 上测试。我通过查看 source code (version 4.x) 的 TabIndicator 组件发现了这一点。

这应该在 Material 5.x 中工作，因为它也使用transition CSS 属性，请参阅source code for latest version。