android - 如何在向下滚动后自动隐藏状态栏？

Question

我想在向下滚动 3 秒后自动隐藏状态栏。

目前，我正在这样做。

class MyApp extends StatefulWidget {
  @override
  _MyAppState createState() => _MyAppState();
}

class _MyAppState extends State<MyApp> {
  @override
  void initState() {
    super.initState();
    Timer.periodic(const Duration(seconds: 3), (timer) {
      SystemChrome.setEnabledSystemUIOverlays([SystemUiOverlay.bottom]);
    });
  }

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: HomeScreen();
    );
  }
}

我希望在用户滚动状态栏时立即开始计时。

有更好的方法吗？

Answer 1

您可能会在 SystemChrome 上遇到现有问题。

当仅将 System UI Overlays 设置为 bottom 或 top 时，状态栏/底部将在点击后持续显示。

• Flutter problem full-screen on android #23913
• SystemChrome.setEnabledSystemUIOverlays isn't sticky on android when only disable top #28426

我提供了一个变通解决方案，使用 WidgetsBindingObserver

检测状态栏出现并对其 使用react

class _MyAppState extends State<MyApp> with WidgetsBindingObserver {

  var count = 0;

  @override
  void initState() {
    super.initState();
    WidgetsBinding.instance.addObserver(this);
  }

  ...

  @override void didChangeMetrics() {
    count++;
    Future.delayed(const Duration(seconds: 3), () {
      if(count == 1) {
        SystemChrome.restoreSystemUIOverlays();
      }
      count --;
    });
  }
  ...

  @override
  void dispose() {
    WidgetsBinding.instance.removeObserver(this);
    super.dispose();
  }