useTabController 索引永远不会改变

Question

我正在使用挂钩来处理选项卡控制器，问题是当我打印控制器的当前索引时它是正确的。但是当我尝试在文本小部件中显示它时，它永远不会改变！我该如何使用它？

代码为：

class TabBarDemo extends HookWidget {
  final List<Widget> list = const [
    Tab(icon: Icon(Icons.card_travel)),
    Tab(icon: Icon(Icons.add_shopping_cart)),
    Tab(icon: Icon(Icons.ac_unit)),
  ];

  @override
  Widget build(BuildContext context) {
    final _controller =
        useTabController(initialLength: list.length, initialIndex: 0);
    _controller.addListener(() {
      print("\n ${_controller.index} \n");
    });
    return Scaffold(
      appBar: AppBar(
        bottom: TabBar(
          onTap: (index) {},
          controller: _controller,
          tabs: list,
        ),
      ),
      body: TabBarView(
        controller: _controller,
        children: [
          Center(
              child: Text(
            '${_controller.index}',
          )),
          Center(
              child: Text(
            '${_controller.index}',
          )),
          Center(
              child: Text(
            '${_controller.index}',
          )),
        ],
      ),
    );
  }
}

Answer 1

您必须使用以下方法重建树：设置状态（（）{ });

useTabController 索引永远不会改变

useTabController index never changes

flutter

flutter-hooks