flutter - 重建列中的小部件

Question

所以我在一列中有 2 个小部件。1是容器的listview，另一个是TabBar和TabBarView的Column。我编写了这段代码，它可以帮助我存储当前索引是选择的 TabView

 TabController _tabController;

  void initState() {
    super.initState();
    _tabController = new TabController(vsync: this, length: 4);
    _tabController.addListener(() {
    globals.tabIndex = _tabController.index;
    });
  }

根据图像，我想在活动列表视图更改时更改磁贴的颜色（活动容器为蓝色）。容器有一个 onTap 函数，当它们被按下时会改变它们的颜色。当列表视图索引更改时，我是否可以重建顶部容器？

标签： flutter

Answer 1

嘿，那里创建了一个简单的示例来展示您将如何实现这一目标。使用您提到的所有组件，tabBar、TabBarView、ListViewBuilder 来创建列表。

并且元素的 onTap 使用 tabController 对 Tab 进行动画处理。这随后会触发 addListener 回调，该回调会更新 currentSelected 索引。

https://dartpad.dev/5f5475b790fe9a75b26c1f686adab96e