Flutter实现点击按钮切换底部导航栏显示/隐藏的方法

核心思路是通过状态管理控制底部导航栏的显示状态，在CustomerView的按钮点击时触发状态切换，RootView根据状态决定是否渲染底部导航栏。以下是基于你现有组件的具体实现步骤：

1. 改造RootController，添加状态控制逻辑 #

在你的RootController中添加布尔状态变量和切换方法，用于管理底部导航栏的显示状态：

class RootController extends ChangeNotifier {
  // 控制导航栏显示的状态，初始为显示
  bool _isBottomNavVisible = true;
  bool get isBottomNavVisible => _isBottomNavVisible;

  // 切换导航栏显示状态的方法
  void toggleBottomNavVisibility() {
    _isBottomNavVisible = !_isBottomNavVisible;
    notifyListeners(); // 通知UI更新
  }
}

2. 在RootView中根据状态渲染导航栏 #

修改RootView的build方法，根据RootController的状态决定是否渲染CustomBottomNavigationBar：

class RootView extends StatelessWidget {
  final RootController controller;

  const RootView({super.key, required this.controller});

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: PageView(/* 你的页面内容 */),
      // 根据状态决定是否显示底部导航栏
      bottomNavigationBar: controller.isBottomNavVisible
          ? CustomBottomNavigationBar(/* 你的导航栏参数 */)
          : null,
    );
  }
}

如果你的RootView是StatefulWidget，或者使用了其他状态管理方式（比如GetX），只需要对应获取controller的状态即可，核心逻辑都是根据isBottomNavVisible的值返回导航栏或null。

3. 在CustomerView中添加按钮点击逻辑 #

在CustomerView的按钮点击事件中，调用RootController的切换方法：

class CustomerView extends StatelessWidget {
  final RootController rootController;

  const CustomerView({super.key, required this.rootController});

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Center(
        // 切换导航栏的按钮
        child: ElevatedButton(
          onPressed: () {
            rootController.toggleBottomNavVisibility();
          },
          child: Text(
            rootController.isBottomNavVisible
                ? '隐藏底部导航栏'
                : '显示底部导航栏'
          ),
        ),
      ),
    );
  }
}

补充说明 #

• 如果你的状态管理不是ChangeNotifier（比如用GetX），只需要把RootController改成GetxController，状态变量改成RxBool isBottomNavVisible = true.obs，切换方法改成toggleBottomNavVisibility() => isBottomNavVisible.value = !isBottomNavVisible.value，然后在RootView中用Obx包裹底部导航栏的判断即可。
• 这种方式完全不受滚动事件影响，只响应按钮的点击操作，符合你的需求。

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