Flutter 前后台切换监听

最新推荐文章于 2025-06-11 21:18:16 发布

原创最新推荐文章于 2025-06-11 21:18:16 发布 · 1w 阅读

4 ·

CC 4.0 BY-SA版权

文章标签：

#Flutter

Flutter 专栏收录该内容

1 篇文章

订阅专栏

本文介绍了一个使用Flutter框架实现的应用程序如何监测并响应其在不同生命周期状态（如前台、后台等）的变化。通过监听AppLifecycleState，应用可以执行相应的操作，如在转到后台时暂停某些任务，在回到前台时恢复任务。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

import 'dart:async';
import 'package:flutter/material.dart';
import 'package:flutter/services.dart';

import 'package:background_fetch/background_fetch.dart';

void main() {
  // Enable integration testing with the Flutter Driver extension.
  // See https://flutter.io/testing/ for more info.
  runApp(new MyApp());
}

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

class _MyAppState extends State<MyApp>
    with WidgetsBindingObserver{
  @override
  void initState() {
    super.initState();
    WidgetsBinding.instance.addObserver(this);
  }

  @override
  void didChangeAppLifecycleState(AppLifecycleState state) {
    print("--" + state.toString());
    switch (state) {
      case AppLifecycleState.inactive: // 处于这种状态的应用程序应该假设它们可能在任何时候暂停。
        break;
      case AppLifecycleState.resumed:// 应用程序可见，前台
        break;
      case AppLifecycleState.paused: // 应用程序不可见，后台
        break;
      case AppLifecycleState.suspending: // 申请将暂时暂停
        break;
    }
  }

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

  @override
  Widget build(BuildContext context) {
    return new MaterialApp(
      home: new Scaffold(
        appBar: new AppBar(
            title: const Text('前后台测试')
        ),
        body: Container(
          color: Colors.black,
          child: Text('前后台测试'),
        ),
      ),
    );
  }
}