更新动画

Author: CarGuo

lib/page/dynamic_page.dart

@@ -46,6 +46,7 @@ class _DynamicPageState extends State<DynamicPage>
 
   @override
   requestRefresh() async {
+    await Future.delayed(Duration(seconds: 1));
     return await dynamicBloc.requestRefresh(_getStore().state.userInfo?.login);
   }
 

lib/widget/pull/custom_bouncing_scroll_physics.dart

@@ -26,9 +26,9 @@ class CustomBouncingScrollPhysics extends ScrollPhysics {
 
     /// -2 是因为有时候会只到 iosRefreshHeight - 1
     /// 会导致触发重新又从0开始的问题
-    if (position.pixels.abs() >= (refreshHeight - 2)) {
+    /*if (position.pixels.abs() >= (refreshHeight - 2)) {
       return 0;
-    }
+    }*/
     final double overscrollPastStart =
         max(position.minScrollExtent - position.pixels, 0.0);
     final double overscrollPastEnd =
@@ -45,8 +45,6 @@ class CustomBouncingScrollPhysics extends ScrollPhysics {
 
     final double direction = offset.sign;
 
-    print("easing $easing overscrollPastStart $overscrollPastStart");
-
     return direction * _applyFriction(overscrollPast, offset.abs(), friction);
   }
 

lib/widget/pull/gsy_flare_pull_controller.dart

@@ -0,0 +1,33 @@
+import 'package:flare_dart/math/mat2d.dart';
+import 'package:flare_flutter/flare.dart';
+import 'package:flare_flutter/flare_controller.dart';
+
+mixin GSYFlarePullController implements FlareController {
+  ActorAnimation _pullAnimation;
+
+  double pulledExtentFlare = 0;
+  double _refreshTriggerPullDistance = 140;
+
+  @override
+  void initialize(FlutterActorArtboard artboard) {
+    _pullAnimation = artboard.getAnimation("Earth Moving");
+  }
+
+  @override
+  void setViewTransform(Mat2D viewTransform) {}
+
+  @override
+  bool advance(FlutterActorArtboard artboard, double elapsed) {
+    if(getPlayAuto) {
+      return false;
+    }
+    double animationPosition = pulledExtentFlare / _refreshTriggerPullDistance;
+    animationPosition *= animationPosition;
+    _pullAnimation.apply(
+        _pullAnimation.duration * animationPosition, artboard, 1.0);
+    return true;
+  }
+
+  bool get getPlayAuto;
+
+}

lib/widget/pull/gsy_pull_new_load_widget.dart

@@ -7,6 +7,7 @@ import 'package:gsy_github_app_flutter/common/utils/common_utils.dart';
 import 'dart:math';
 
 import 'custom_bouncing_scroll_physics.dart';
+import 'gsy_flare_pull_controller.dart';
 
 const double iosRefreshHeight = 140;
 const double iosRefreshIndicatorExtent = 100;
@@ -40,13 +41,17 @@ class GSYPullLoadWidget extends StatefulWidget {
   _GSYPullLoadWidgetState createState() => _GSYPullLoadWidgetState();
 }
 
-class _GSYPullLoadWidgetState extends State<GSYPullLoadWidget> {
+class _GSYPullLoadWidgetState extends State<GSYPullLoadWidget>
+    with GSYFlarePullController {
   ScrollController _scrollController;
 
   bool isRefreshing = false;
 
   bool isLoadMoring = false;
 
+  @override
+  ValueNotifier<bool> isActive = ValueNotifier<bool>(true);
+
   @override
   void initState() {
     _scrollController = widget.scrollController ?? new ScrollController();
@@ -288,13 +293,20 @@ class _GSYPullLoadWidgetState extends State<GSYPullLoadWidget> {
     );
   }
 
+  bool playAuto = false;
+
+  @override
+  bool get getPlayAuto => playAuto;
+
   Widget buildSimpleRefreshIndicator(
     BuildContext context,
     IOS.RefreshIndicatorMode refreshState,
     double pulledExtent,
     double refreshTriggerPullDistance,
     double refreshIndicatorExtent,
   ) {
+    pulledExtentFlare = pulledExtent * 0.6;
+    playAuto = refreshState == IOS.RefreshIndicatorMode.refresh;
     return Align(
       alignment: Alignment.bottomCenter,
       child: new Container(
@@ -307,6 +319,7 @@ class _GSYPullLoadWidgetState extends State<GSYPullLoadWidget> {
         child: FlareActor("static/file/loading_world_now.flr",
             alignment: Alignment.topCenter,
             fit: BoxFit.cover,
+            controller: this,
             animation: "Earth Moving"),
       ),
     );