增加动画效果

Author: CarGuo

lib/page/repository_detail_page.dart

@@ -1,3 +1,4 @@
+import 'package:bezier/bezier.dart';
 import 'package:flutter/material.dart';
 import 'package:fluttertoast/fluttertoast.dart';
 import 'package:gsy_github_app_flutter/common/dao/issue_dao.dart';
@@ -10,13 +11,15 @@ import 'package:gsy_github_app_flutter/page/repository_detail_issue_list_page.da
 import 'package:gsy_github_app_flutter/page/repository_detail_readme_page.dart';
 import 'package:gsy_github_app_flutter/page/repository_file_list_page.dart';
 import 'package:gsy_github_app_flutter/page/repostory_detail_info_page.dart';
+import 'package:gsy_github_app_flutter/widget/anima/curves_bezier.dart';
 import 'package:gsy_github_app_flutter/widget/gsy_bottom_action_bar.dart';
 import 'package:gsy_github_app_flutter/widget/gsy_common_option_widget.dart';
 import 'package:gsy_github_app_flutter/widget/gsy_icon_text.dart';
 import 'package:gsy_github_app_flutter/widget/gsy_tabbar_widget.dart';
 import 'package:gsy_github_app_flutter/widget/gsy_title_bar.dart';
 import 'package:gsy_github_app_flutter/widget/repos_header_item.dart';
 import 'package:scoped_model/scoped_model.dart';
+import 'package:vector_math/vector_math.dart';
 
 /**
  * 仓库详情
@@ -265,7 +268,7 @@ class _RepositoryDetailPageState extends State<RepositoryDetailPage>
     _getBranchList();
     _refresh();
     animationController =
-        new AnimationController(vsync: this, duration: Duration(seconds: 2));
+        new AnimationController(vsync: this, duration: Duration(milliseconds: 800));
     animationController.forward();
   }
 
@@ -305,8 +308,10 @@ class _RepositoryDetailPageState extends State<RepositoryDetailPage>
             onPageChanged: (index) {
               reposDetailModel.setCurrentIndex(index);
             },
+
             floatingActionButton: ScaleTransition(
-              scale: CurvedAnimation(parent: animationController, curve: Curves.fastLinearToSlowEaseIn),
+              //scale: CurvedAnimation(parent: animationController, curve: Curves.bounceInOut),
+              scale: CurvedAnimation(parent: animationController, curve: CurveBezier()),
               child: FloatingActionButton(
                 onPressed: () {
                   _createIssue();

lib/widget/anima/curves_bezier.dart

@@ -0,0 +1,17 @@
+import 'package:bezier/bezier.dart';
+import 'package:flutter/material.dart';
+import 'package:vector_math/vector_math.dart';
+
+class CurveBezier extends Curve {
+
+  final quadraticCurve = new QuadraticBezier([
+    new Vector2(-4.0, 1.0),
+    new Vector2(-2.0, -1.0),
+    new Vector2(1.0, 1.0)
+  ]);
+
+  @override
+  double transformInternal(double t) {
+    return quadraticCurve.pointAt(t).s;
+  }
+}

pubspec.lock

@@ -36,6 +36,13 @@ packages:
       url: "https://pub.flutter-io.cn"
     source: hosted
     version: "2.2.0"
+  bezier:
+    dependency: "direct main"
+    description:
+      name: bezier
+      url: "https://pub.flutter-io.cn"
+    source: hosted
+    version: "1.1.2"
   build:
     dependency: transitive
     description:

pubspec.yaml

@@ -35,6 +35,7 @@ dependencies:
   android_intent: ^0.3.0
   webview_flutter: ^0.3.7+1
   flare_flutter: ^1.5.0
+  bezier: ^1.1.2
   flutter_localizations:
     sdk: flutter
   flutter_lottie: