增加详情页动态效果

Author: CarGuo

lib/page/repostory_detail_info_page.dart

@@ -45,7 +45,10 @@ class ReposDetailInfoPageState extends State<ReposDetailInfoPage>
         AutomaticKeepAliveClientMixin<ReposDetailInfoPage>,
         GSYListState<ReposDetailInfoPage>,
         TickerProviderStateMixin {
+  final ScrollController scrollController = new ScrollController();
+
   int selectIndex = 0;
+  double headerSize = 270;
 
   ReposDetailInfoPageState();
 
@@ -118,6 +121,9 @@ class ReposDetailInfoPageState extends State<ReposDetailInfoPage>
       return new Future.value(null);
     }).then((result) {
       if (result != null && result.result) {
+        if(!isShow) {
+          return;
+        }
         setState(() {
           widget.titleOptionControl.url = result.data.htmlUrl;
         });
@@ -165,6 +171,7 @@ class ReposDetailInfoPageState extends State<ReposDetailInfoPage>
           handleRefresh,
           onLoadMore,
           refreshKey: refreshIKey,
+          scrollController: scrollController,
           headerSliverBuilder: (context, _) {
             return _sliverBuilder(context, _);
           },
@@ -175,25 +182,29 @@ class ReposDetailInfoPageState extends State<ReposDetailInfoPage>
 
   List<Widget> _sliverBuilder(BuildContext context, bool innerBoxIsScrolled) {
     return <Widget>[
+      ///头部信息
       SliverPersistentHeader(
         delegate: _InfoHeaderDelegate(
-            maxHeight: 300,
-            minHeight: 300,
-            snapConfig: FloatingHeaderSnapConfiguration(
-              vsync: this,
-              curve: Curves.bounceInOut,
-              duration: const Duration(milliseconds: 10),
-            ),
-            child: new ReposHeaderItem(
-                ReposHeaderViewModel.fromHttpMap(
-                    widget.userName,
-                    widget.reposName,
-                    ReposDetailModel.of(context).repository), (index) {
-              selectIndex = index;
-              clearData();
-              showRefreshLoading();
-            })),
+          maxHeight: headerSize,
+          minHeight: headerSize,
+          snapConfig: FloatingHeaderSnapConfiguration(
+            vsync: this,
+            curve: Curves.bounceInOut,
+            duration: const Duration(milliseconds: 10),
+          ),
+          child: new ReposHeaderItem(
+            ReposHeaderViewModel.fromHttpMap(widget.userName, widget.reposName,
+                ReposDetailModel.of(context).repository),
+            layoutListener: (size) {
+              setState(() {
+                headerSize = size.height;
+              });
+            },
+          ),
+        ),
       ),
+
+      ///动态放大缩小的选择案件
       SliverPersistentHeader(
         pinned: true,
         delegate: _InfoHeaderDelegate(
@@ -207,6 +218,7 @@ class ReposDetailInfoPageState extends State<ReposDetailInfoPage>
             ),
             builder: (BuildContext context, double shrinkOffset,
                 bool overlapsContent) {
+              ///根据数值计算偏差
               var lr = 10 - shrinkOffset / 70 * 10;
               var radius = Radius.circular(4 - shrinkOffset / 70 * 4);
               return SizedBox.expand(
@@ -218,9 +230,16 @@ class ReposDetailInfoPageState extends State<ReposDetailInfoPage>
                       CommonUtils.getLocale(context).repos_tab_commits,
                     ],
                     (index) {
-                      selectIndex = index;
-                      clearData();
-                      showRefreshLoading();
+                      ///切换时先滑动
+                      scrollController
+                          .animateTo(0,
+                              duration: Duration(milliseconds: 200),
+                              curve: Curves.bounceInOut)
+                          .then((_) {
+                        selectIndex = index;
+                        clearData();
+                        showRefreshLoading();
+                      });
                     },
                     margin: EdgeInsets.zero,
                     shape: new RoundedRectangleBorder(
@@ -265,9 +284,7 @@ class _InfoHeaderDelegate extends SliverPersistentHeaderDelegate {
     if (builder != null) {
       return builder(context, shrinkOffset, overlapsContent);
     }
-    return SizedBox.expand(
-      child: child,
-    );
+    return child;
   }
 
   @override

lib/widget/nested/gsy_nested_pull_load_widget.dart

@@ -23,9 +23,11 @@ class GSYNestedPullLoadWidget extends StatefulWidget {
   final Key refreshKey;
   final NestedScrollViewHeaderSliversBuilder headerSliverBuilder;
 
+  final ScrollController scrollController;
+
   GSYNestedPullLoadWidget(
       this.control, this.itemBuilder, this.onRefresh, this.onLoadMore,
-      {this.refreshKey, this.headerSliverBuilder});
+      {this.refreshKey, this.headerSliverBuilder, this.scrollController});
 
   @override
   _GSYNestedPullLoadWidgetState createState() => _GSYNestedPullLoadWidgetState(
@@ -50,8 +52,6 @@ class _GSYNestedPullLoadWidgetState extends State<GSYNestedPullLoadWidget> {
   _GSYNestedPullLoadWidgetState(this.control, this.itemBuilder, this.onRefresh,
       this.onLoadMore, this.refreshKey);
 
-  final ScrollController _scrollController = new ScrollController();
-
   @override
   void initState() {
     super.initState();
@@ -109,7 +109,7 @@ class _GSYNestedPullLoadWidgetState extends State<GSYNestedPullLoadWidget> {
       key: refreshKey,
       child: NestedScrollView(
         ///滑动监听
-        controller: _scrollController,
+        controller: widget.scrollController,
         physics: const AlwaysScrollableScrollPhysics(),
         headerSliverBuilder: widget.headerSliverBuilder,
         body: NotificationListener(