当应用程序在flutter中关闭/删除时如何刷新网页视图

Question

我想每 10 分钟刷新一次网络视图 条件是如果应用程序是最近的或应用程序从最近的应用程序中删除，则 webview 应该重新加载。

如果您对此功能有任何想法，请告诉我。

Answer 1

在 Flutter 中，您可以通过使用“Timer”类和“WidgetsBindingObserver”的组合来实现此目的。 “Timer”类将用于安排定期重新加载，“WidgetsBindingObserver”将帮助您检测应用程序生命周期的变化，例如当它进入或退出最近的应用程序列表时。

以下是如何实现此功能的基本示例：

1.首先，确保将“timer_builder”包添加到“pubspec.yaml”文件中：

dependencies:
timer_builder: ^2.0.1

2.在 Dart 文件中导入必要的包：

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

3.实现 Flutter 应用程序的主要部分：

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
 @override
 Widget build(BuildContext context) {
  return MaterialApp(
    home: MyWebViewScreen(),
  );
 }
}

class MyWebViewScreen extends StatefulWidget {
 @override
 _MyWebViewScreenState createState() => _MyWebViewScreenState();
}

class _MyWebViewScreenState extends State<MyWebViewScreen>
with WidgetsBindingObserver {
 Timer? _reloadTimer;

 @override
 void initState() {
  super.initState();
  WidgetsBinding.instance?.addObserver(this);
  _reloadTimer = Timer.periodic(Duration(minutes: 10), (timer) {
  print("Reloading WebView");
  });
 }

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

 @override
 void didChangeAppLifecycleState(AppLifecycleState state) {
  super.didChangeAppLifecycleState(state);
  if (state == AppLifecycleState.resumed) {
   print("App resumed - Reloading WebView");
  } else if (state == AppLifecycleState.paused) {
    print("App paused");
  }
 }

 @override
 Widget build(BuildContext context) {
  return Scaffold(
   appBar: AppBar(
    title: Text("WebView Example"),
   ),
   body: TimerBuilder.periodic(Duration(seconds: 1), builder: (context) {
     return Container();
   }),
  );
 }
}