如何在Flutter中使用ListView处理TabBar？

Question

我花了几个小时才找到如何在滚动listView直到（x）个项目/标题时更改选项卡的色调，

我开始从here学习扑扑

和UI外观如下：

我想知道如何处理ListView和tabBar，以防万一我滚动直到 Flutter很棒51 ，tabBar指示器应该变为右侧，tabBar也应使用相同的功能，当我按下tabBar 索引51 时，ListView应该滚动到 Flutter很棒51 ，

任何人都可以指导我如何实现这一目标？

Answer 1

您需要使用

TabController

_tabController.animateTo((index))

结合

ScrollController

final _position = ... // half or top depending on tab selection itemsize and count 
_scrollController.animateTo(_position,
        curve: Curves.linear, duration: Duration(milliseconds: 500));

如果列表项的高度相同，则可以依靠滚动条的偏移量和位置来检测滚动条的高度。

Here is an implementation of the ScrollController that will aid you.