dart - 当 Flutter 的 TabBar 被点击时移除高亮

Question

我正在尝试在颤振中实现我自己的 TabBar 设计。我能够得到一个很好的结果。但是，当我点击另一个选项卡以更改选项卡时，默认情况下会创建一个突出显示，如图所示。我想知道是否有任何方法可以摆脱点击时的方形突出显示。我一直在寻找几乎一天的时间，但没有找到任何解决方案。

如果有人有任何解决方案，请告诉我。谢谢。

编辑：作为 CopsOnRoad 的建议，我将 TabBar 包装在 Container 中并将颜色设置为Colors.transparent，但它并没有真正消失，所以我现在尝试将颜色设置Theme.of(context).canvasColor为。

    Container(
      color: Theme.of(context).canvasColor,
      child: TabBar(
        isScrollable: true,
        indicator: ShapeDecoration(
          color: Color(0xFFE6E6E6),
          shape: RoundedRectangleBorder(
            borderRadius: BorderRadius.circular(99.0)
          )
        ),
        tabs: List<Widget>.generate(
          categories.length,
          (index) => Tab(
            child: Text(
              categories[index],
              style: TextStyle(
                fontFamily: 'Hiragino Sans',
                fontWeight: FontWeight.bold,
                fontSize: 18.0,
                color: Color(0xFF4D4D4D),
              ),
            ),
          )
        ),
      )
    )

标签： dartflutter

Answer 1

这就是涟漪效应。您可以通过将其包裹在 a 中Container并为其赋予透明颜色来将其移除。