Flutter Android导航栏上滑唤起后无法自动消失问题求助

安全阿岳

2026-7-30

Android状态栏始终可见+导航栏自动隐藏的解决办法

问题根源

你用SystemUiMode.manual模式固定显示状态栏，但这个模式会锁定你设置的系统UI状态，导致用户手动唤起的导航栏无法自动隐藏。

推荐方案：用`edgeToEdge`模式适配

这种模式贴合Android原生交互逻辑，既能让状态栏始终可见，又能让导航栏在唤起后自动隐藏：

if (Platform.isAndroid) {
  SystemChrome.setEnabledSystemUIMode(SystemUiMode.edgeToEdge);
  // 设置状态栏背景色，保证它一直清晰可见
  SystemChrome.setSystemUIOverlayStyle(const SystemUiOverlayStyle(
    statusBarColor: Colors.white, // 换成你的主题颜色
    statusBarIconBrightness: Brightness.dark, // 根据背景色调整图标亮度
  ));
}

备选方案：监听UI变化手动重置

如果一定要用manual模式，可以监听系统UI的显示状态，当导航栏被唤起后，延迟几秒重新隐藏它：

late VoidCallback _systemUiListener;

@override
void initState() {
  super.initState();
  if (Platform.isAndroid) {
    SystemChrome.setEnabledSystemUIMode(
      SystemUiMode.manual,
      overlays: [SystemUiOverlay.top],
    );
    // 注册监听
    _systemUiListener = (SystemUiVisibility visibility) {
      if (visibility.contains(SystemUiOverlay.bottom)) {
        // 延迟2秒后重新隐藏导航栏
        Future.delayed(const Duration(seconds: 2), () {
          SystemChrome.setEnabledSystemUIMode(
            SystemUiMode.manual,
            overlays: [SystemUiOverlay.top],
          );
        });
      }
    };
    SystemChrome.addSystemUiVisibilityListener(_systemUiListener);
  }
}

@override
void dispose() {
  // 页面销毁时移除监听，避免内存泄漏
  SystemChrome.removeSystemUiVisibilityListener(_systemUiListener);
  super.dispose();
}