Flutter：屏幕关闭时的`setState（）`，或者如何检测屏幕是否打开？

Question

TLDR：如果有以下问题之一的答案，我有一个应该解决的问题：

1. 有没有办法可以检测屏幕是否打开，例如

if (SCREEN IS ON) {
  setState(() {});  // i.e. update displayed widgets
}

2. 有没有办法调用setState()以便在屏幕关闭时完成？

更多细节：

我有一个播放音频的应用程序。 当屏幕打开时，小部件通过setState()更新（例如，显示音频的进度）。 尽管如此，让用户关闭屏幕以节省电池会很好 - 但是如果我在屏幕关闭时调用setState() ，似乎应用程序在完成setState()之前等待屏幕重新打开代码。

因此，我希望确定是否可以检测到并且仅在屏幕打开时调用setState() ，或者我可以在屏幕关闭时调用setState()以便完成。

Answer 1

我将它用于 chatApp 来跟踪应用程序 State。 我包装了 MaterialApp。 通过一些改变，你可以做你想做的事。

import 'package:flutter/material.dart';
import 'package:flutter_stripe/flutter_stripe.dart';

import 'constants/credentials.dart';
import 'domain/repositories/my_user_repository.dart';

class AppLifeCycleManager extends StatefulWidget {
  final Widget child;
  final MyUserRepository myUserRepo;

  const AppLifeCycleManager(
      {Key? key, required this.child, required this.myUserRepo})
      : super(key: key);

  @override
  _AppLifeCycleManagerState createState() => _AppLifeCycleManagerState();
}

class _AppLifeCycleManagerState extends State<AppLifeCycleManager>
    with WidgetsBindingObserver {
  @override
  void initState() {
    super.initState();

    widget.myUserRepo.setOnlineCustomer();
    WidgetsBinding.instance.addObserver(this);
    // set the publishable key for Stripe - this is mandatory
    Stripe.publishableKey = pkTest;
  }

  @override
  Future<void> didChangeAppLifecycleState(AppLifecycleState state) async {
    super.didChangeAppLifecycleState(state);

    switch (state) {
      case AppLifecycleState.paused:
        widget.myUserRepo.setInactiveCustomer();
        break;
      case AppLifecycleState.resumed:
        widget.myUserRepo.setOnlineCustomer();
        break;
      case AppLifecycleState.inactive:
        widget.myUserRepo.setInactiveCustomer();
        break;
      case AppLifecycleState.detached:
        widget.myUserRepo.setInactiveCustomer();
        break;
    }
  }

  @override
  Widget build(BuildContext context) {
    return widget.child;
  }

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

Answer 2

安装的可能是您正在寻找的。 或者，您可以使用WidgetsBindingObserver 检查 AppLifecycleState 。

Answer 3

我没有对此进行测试，但酒吧中的屏幕 state可能是您正在寻找的。

Answer 4

非常感谢@mario-francois，我得到了以下工作：

import 'package:flutter/material.dart';

class MyPage extends StatefulWidget {
  MyPage({Key? key}) : super(key: key);

  @override
  _MyPageState createState() => _MyPageState();
}

class _MyPageState extends State<MyPage> with WidgetsBindingObserver {
  bool screenOn = true;

  @override
  Future<void> didChangeAppLifecycleState(AppLifecycleState state) async {
    super.didChangeAppLifecycleState(state);
    switch (state) {
      case AppLifecycleState.paused:// screen off/navigate away
      // this.screenOn = false;
        break;
      case AppLifecycleState.resumed:  // screen on/navigate to
        this.screenOn = true;
        break;
      case AppLifecycleState.inactive:  // screen off/navigate away
        this.screenOn = false;
        break;
      case AppLifecycleState.detached:
        break;
    }
  }

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

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

  @override
  Widget build(BuildContext context) {
    ...
  }
}