flutter - 获取 DefaultTabController 的当前选项卡

Question

在我的工厂的 onPressed 中，我想知道我的 DefaultTabController 中当前选择的选项卡的索引。我该怎么做？

  @override
  Widget build(BuildContext context) {
    return new MaterialApp(
      title: 'pari',
      debugShowCheckedModeBanner: false,
      theme: widget._themeData,
      home: DefaultTabController(
        length: widget._tabs.length,
        child: Scaffold(
          appBar: AppBar(
            title: Text('pari'),
            bottom: TabBar(
              isScrollable: true,
              tabs: widget._tabs,
            ),
          ),
          body: _buildBody(),
          floatingActionButton: FloatingActionButton(
              onPressed: addWagerTap,
          ),
        )
      ),
    );
  }

Answer 1

如果您将 Scaffold 包装在 Builder 中，您将能够在适当的 context 中访问您的 DefaultTabController 。然后，您可以使用 DefaultTabController.of(context).index 检索选项卡索引。

  Widget build(BuildContext context) {
    return new MaterialApp(
      title: 'pari',
      debugShowCheckedModeBanner: false,
      theme: widget._themeData,
      home: DefaultTabController(
        length: 4,
        child: Builder(builder: (BuildContext context) {
          return Scaffold(
            appBar: AppBar(
              title: Text('pari'),
              bottom: TabBar(
                  isScrollable: true,
                  tabs: [Text('0'), Text('1'), Text('2'), Text('3')]),
            ),
            body: _buildBody(),
            floatingActionButton: FloatingActionButton(
              onPressed: () {
                print(
                    'Current Index: ${DefaultTabController.of(context).index}');
              },
            ),
          );
        }),
      ),
    );
  }