Flutter：解决指定页面无法隐藏Persistent Bottom Navigation Bar的问题

核心问题拆解 #

1. 控制器实例不共享：你在HomePage和LoginPage中都用Get.put(NavigationBarController())，会生成两个独立的控制器实例，导致Login页修改的状态无法同步到Home页的导航栏。
2. 未监听状态变化：Home页的build方法仅执行一次，不会响应showNavigationBar的状态更新，导航栏的显示状态不会自动刷新。
3. 逻辑参数写反：hideNavigationBar的逻辑与预期相反——当你想显示导航栏时，该参数应为false，反之则为true。

分步修复 #

1. 统一控制器实例获取方式 #

Login页不要重新创建控制器，改用Get.find()获取Home页已初始化的实例：

// Login页代码修改
final NavigationBarController _navigationBarController = Get.find<NavigationBarController>();

@override
void initState() {
  super.initState();
  _getCurrentPosition();
  // 直接修改状态，无需setState（setState仅影响当前页面，与导航栏无关）
  _navigationBarController.showNavigationBar.value = false;
}

2. 监听状态变化，自动更新导航栏 #

在Home页用Obx包裹PersistentTabView，实现状态变化时自动重建组件，同时修正hideNavigationBar的逻辑：

// HomePage build方法修改
@override
Widget build(BuildContext context) {
  return Obx(() => PersistentTabView(
        context,
        screens: _buildScreens(),
        // 逻辑修正：showNavigationBar为true时不隐藏，为false时隐藏
        hideNavigationBar: !_navigationBarController.showNavigationBar.value,
        controller: controler,
        items: _navBarsItems(),
        decoration: NavBarDecoration(borderRadius: BorderRadius.circular(1)),
        navBarStyle: NavBarStyle.style1,
      ));
}

3. Dashboard页设置导航栏显示 #

在Dashboard的initState中恢复导航栏显示：

// Dashboard页代码添加
final NavigationBarController _navigationBarController = Get.find<NavigationBarController>();

@override
void initState() {
  super.initState();
  _navigationBarController.showNavigationBar.value = true;
}

4. （可选）规范调用控制器方法 #

可以直接使用控制器提供的toggleNavigationBar方法，让代码更清晰：

• Login页：_navigationBarController.toggleNavigationBar(false);
• Dashboard页：_navigationBarController.toggleNavigationBar(true);

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