如何通过按钮切换Persistent Bottom Navigation Bar标签（无需点击导航栏）

要实现点击Screen1的按钮直接切换到Tab2，核心是利用PersistentTabController的跳转方法，具体步骤如下：

1. 修改底部导航组件的屏幕列表 #

将原代码中固定的const Screen1()改为传递控制器的实例，让Screen1能获取到底部导航的控制权限：

final List<Widget> screens = [
  Screen1(controller: persistentTabController), // 移除const，传入控制器
  const Screen2(),
  const Screen3(),
];

2. 修改Screen1代码实现跳转逻辑 #

在Screen1中添加控制器参数，然后在按钮的点击事件里调用控制器的跳转方法（Tab2的索引为1，因为标签索引从0开始计数）：

import 'package:flutter/material.dart';
import 'package:persistent_bottom_nav_bar/persistent_tab_view.dart';

class Screen1 extends StatelessWidget {
  final PersistentTabController controller;

  const Screen1({Key? key, required this.controller}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Center(
        child: ElevatedButton(
          onPressed: () {
            // 直接跳转到Tab2
            controller.jumpToTab(1);
            // 如果需要带动画的切换，替换成下面的代码：
            // controller.animateToTab(1);
          },
          child: const Text("Go to Tab 2"),
        ),
      ),
    );
  }
}

关键说明 #

• PersistentTabController是控制底部导航切换的核心，只要能获取到该控制器实例，就能在任意页面触发标签切换。
• 注意不要给Screen1的构造函数加const修饰，因为需要传入可变的控制器实例。

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