feat:小鹅通入口图片定时动画

吴启风
1 parent 79de0824
Showing 1 changed file with 21 additions and 3 deletions
lib/pages/home/widgets/ShakeImage.dart
  
+import 'dart:async';
+
 import 'package:flutter/cupertino.dart';
 import 'package:wow_english/common/extension/string_extension.dart';
  
@@ -10,13 +12,17 @@ class ShakeImage extends StatefulWidget {
   _ShakeImageState createState() => _ShakeImageState();
 }
  
-class _ShakeImageState extends State<ShakeImage> with SingleTickerProviderStateMixin {
+class _ShakeImageState extends State<ShakeImage> with SingleTickerProviderStateMixin,
+    WidgetsBindingObserver {
   late AnimationController _controller;
   late Animation<double> _animation;
+  late Timer _timer;
  
   @override
   void initState() {
     super.initState();
+    WidgetsBinding.instance.addObserver(this);
+
     _controller = AnimationController(
       duration: const Duration(seconds: 2),
       vsync: this,
@@ -32,8 +38,9 @@ class _ShakeImageState extends State&lt;ShakeImage&gt; with SingleTickerProviderStateM
       TweenSequenceItem(tween: Tween(begin: -0.05, end: 0.0).chain(CurveTween(curve: Curves.easeInOut)), weight: 1),
     ]).animate(_controller);
  
-    Future.delayed(const Duration(seconds: 1), () {
-      _controller.forward();
+    _controller.forward(from: 0.0);
+    _timer = Timer.periodic(const Duration(seconds: 4), (Timer timer) {
+      _controller.forward(from: 0.0);
     });
  
     // _controller.addStatusListener((status) {
@@ -46,8 +53,19 @@ class _ShakeImageState extends State&lt;ShakeImage&gt; with SingleTickerProviderStateM
   }
  
   @override
+  void didChangeAppLifecycleState(AppLifecycleState state) {
+    if (state == AppLifecycleState.paused) {
+      _controller.stop();
+    } else if (state == AppLifecycleState.resumed) {
+      _controller.forward();
+    }
+  }
+
+  @override
   void dispose() {
+    WidgetsBinding.instance.removeObserver(this);
     _controller.dispose();
+    _timer.cancel();
     super.dispose();
   }