flutter TabBar 监听选择索引

# 定义_tabController
TabController _tabController;
### 初始化添加监听方法
// 初始化
  @override
  void initState() {
    super.initState();
    _tabController = TabController(
        length: widget.tabs.length,
        vsync: this,
        initialIndex: widget.defaultIndex ?? 0)
        # 重点
      ..addListener(() {
        widget.callBack(_tabController.index);
      });
    setState(() {
      myTabs = widget.tabs
          .map(
            (e) => Tab(
              text: e["title"],
            ),
          )
          .toList();
    });
  }

问题

• 切换 tab 控制台都会打印相应的值，但有点击选项卡切换时打印了2次，似乎执行了两遍，滑动切换时正常输出一次。原因大致是因为： 点击时 在动画过程先后触发了 notifyListeners()。看一下 TabController Class API,有以下属性:

//该动画值表示当前TabBar选中的指示器位置以及TabBar和TabBarView的scrollOffsets
animation → Animation<double>
//当前选中Tab的下标。改变index也会更新 previousIndex、设置animation's的value值、重置indexIsChanging为false并且通知监听器
index ↔ int
//true：当动画从上一个跳到下一个时
indexIsChanging → bool
//tabs的总数，通常大于1
length → int
//不同于animation's的value和index。offset value必须在-1.0和1.0之间
offset ↔ double
//上一个选中tab的index值，最初与index相同
previousIndex → int

• 那么我们可以加一层判断在监听器中:

 tabController = TabController(vsync: this, length: titleTabs.length)
      ..addListener(() {
          if(tabController.index.toDouble() == tabController.animation.value){
            switch (tabController.index) {
                case 0:
                  print(1);
                  break;
                case 1:
                  print(2)
                  break;
                case 2:
                  print(3)
                  break;
              }
          }
      });

• 解决