如何从MaterialPageRoute内跳转至应用其他Tab页面？

方案一：无需手动传递TabController，直接在弹窗页操作 #

利用DefaultTabController.of(context)可以在任意子组件中获取上层的Tab控制器，无需提前传递。在弹窗页的按钮点击事件中，先关闭当前页面，再切换Tab：

ElevatedButton(
  onPressed: () {
    // 1. 获取上层的Tab控制器
    final tabController = DefaultTabController.of(context);
    // 2. 关闭当前弹窗页
    Navigator.pop(context);
    // 3. 切换到目标Tab（示例为索引1的Tab）
    tabController?.animateTo(1);
  },
  child: const Text("关闭并切换Tab"),
)

注意：必须在Navigator.pop(context)之前获取TabController，因为pop之后当前页面的上下文会从组件树中移除，无法再获取上层控制器。

方案二：重置整个路由栈并跳转指定Tab #

如果需要清除所有历史路由，直接回到Tab页面并切换到指定Tab，可以使用Navigator.pushAndRemoveUntil，同时给Tab页面传递初始Tab索引：

1. 改造你的Tab页面组件 #

手动创建TabController，支持接收初始索引参数：

class TabbedHomePage extends StatefulWidget {
  final int initialTabIndex;

  const TabbedHomePage({Key? key, this.initialTabIndex = 0}) : super(key: key);

  @override
  State<TabbedHomePage> createState() => _TabbedHomePageState();
}

class _TabbedHomePageState extends State<TabbedHomePage> with SingleTickerProviderStateMixin {
  late TabController _tabController;

  @override
  void initState() {
    super.initState();
    // 初始化TabController，设置初始索引
    _tabController = TabController(
      length: 3, // 你的Tab数量
      vsync: this,
      initialIndex: widget.initialTabIndex,
    );
  }

  @override
  void dispose() {
    _tabController.dispose();
    super.dispose();
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        bottom: TabBar(
          controller: _tabController,
          tabs: const [
            Tab(text: "首页"),
            Tab(text: "消息"),
            Tab(text: "我的"),
          ],
        ),
      ),
      body: TabBarView(
        controller: _tabController,
        children: const [
          HomeTab(),
          MessageTab(),
          ProfileTab(),
        ],
      ),
    );
  }
}

2. 在弹窗页执行路由重置 #

ElevatedButton(
  onPressed: () {
    Navigator.pushAndRemoveUntil(
      context,
      MaterialPageRoute(
        builder: (context) => const TabbedHomePage(initialTabIndex: 1), // 指定跳转的Tab索引
      ),
      (route) => false, // 清除所有之前的路由
    );
  },
  child: const Text("重置路由并切换Tab"),
)

为什么直接传递TabController会失败？ #

你之前尝试的代码中，tabController变量在DefaultTabController初始化时还未被赋值，自然无法传递给子组件。如果一定要手动传递控制器，就需要像方案二中那样，在State类中手动创建TabController，而不是使用DefaultTabController组件，这样就能在初始化完成后将控制器传递给子Tab页面。

内容的提问来源于stack exchange，提问作者Tamir