feat:add scrollable demo

Author: yangshangzhi

lib/components/widgetComp.dart

@@ -90,7 +90,8 @@ class IndexState extends State<Index> {
     });
   }
 
-  openPage(context, model, String url) async {
+  openPage(context, model) async {
+    String url = this.mdUrl;
     // 加载页面
     if (model.config.state.isPro) {
       FluroRouter.router.navigateTo(context,
@@ -123,7 +124,7 @@ class IndexState extends State<Index> {
           Icons.code,
         ),
         onPressed: () async {
-          this.openPage(context, model, this.mdUrl);
+          this.openPage(context, model);
         },
       ),
       PopupMenuButton(

lib/widget/scrollview/index.dart

@@ -8,7 +8,7 @@ const nameSpaces = '/scrollview_';
 List widgets = [
   ItemInfo(
     widget: gridview.Index(),
-    code: 59632, // view_module
+    code: 58348, // grid_on
     title: gridview.Index.title,
   ),
   ItemInfo(
@@ -18,7 +18,7 @@ List widgets = [
   ),
   ItemInfo(
     widget: scrollable.Index(),
-    code: 59631, // view_list
+    code: 57920, // format_line_spacing
     title: scrollable.Index.title,
   )
 ];

lib/widget/scrollview/scrollable/demo_custom_scrollview.dart

@@ -14,52 +14,52 @@ class _IndexState extends State<Index> {
   @override
   Widget build(BuildContext context) {
     return Scrollable(
-        axisDirection: AxisDirection.left,
-        controller: ScrollController(),
-        viewportBuilder: (context, offset) {
-          return CustomScrollView(
-            slivers: [
-              SliverAppBar(
-                pinned: true,
-                expandedHeight: 250.0,
-                flexibleSpace: FlexibleSpaceBar(
-                  title: Text('这里的标题会随着滚动向移'),
-                ),
+      axisDirection: AxisDirection.left,
+      controller: ScrollController(),
+      viewportBuilder: (context, offset) {
+        return CustomScrollView(
+          slivers: [
+            SliverAppBar(
+              pinned: true,
+              expandedHeight: 250.0,
+              flexibleSpace: FlexibleSpaceBar(
+                title: Text('这里的标题会随着滚动向上移'),
               ),
-              SliverGrid(
-                gridDelegate: SliverGridDelegateWithMaxCrossAxisExtent(
-                  maxCrossAxisExtent: 200.0,
-                  mainAxisSpacing: 10.0,
-                  crossAxisSpacing: 10.0,
-                  childAspectRatio: 4.0,
-                ),
-                delegate: SliverChildBuilderDelegate(
-                  (BuildContext context, int index) {
-                    return Container(
-                      alignment: Alignment.center,
-                      color: Colors.teal[100 * (index % 9)],
-                      child: Text('grid item $index'),
-                    );
-                  },
-                  childCount: 20,
-                ),
+              floating: false,
+              
+            ),
+            SliverGrid(
+              gridDelegate: SliverGridDelegateWithMaxCrossAxisExtent(
+                maxCrossAxisExtent: 200.0,
+                mainAxisSpacing: 10.0,
+                crossAxisSpacing: 10.0,
+                childAspectRatio: 4.0,
               ),
-              SliverFixedExtentList(
-                itemExtent: 50.0,
-                delegate: SliverChildBuilderDelegate(
-                  (BuildContext context, int index) {
-                    return Container(
-                      alignment: Alignment.center,
-                      color: Colors.lightBlue[100 * (index % 9)],
-                      child: Text('list item $index'),
-                    );
-                  },
-                  childCount: 20
-                ),
+              delegate: SliverChildBuilderDelegate(
+                (BuildContext context, int index) {
+                  return Container(
+                    alignment: Alignment.center,
+                    color: Colors.teal[100 * (index % 9)],
+                    child: Text('grid item $index'),
+                  );
+                },
+                childCount: 20,
               ),
-            ],
-          );
-        },
+            ),
+            SliverFixedExtentList(
+              itemExtent: 50.0,
+              delegate:
+                  SliverChildBuilderDelegate((BuildContext context, int index) {
+                return Container(
+                  alignment: Alignment.center,
+                  color: Colors.lightBlue[100 * (index % 9)],
+                  child: Text('list item $index'),
+                );
+              }, childCount: 20),
+            ),
+          ],
+        );
+      },
     );
   }
 }

lib/widget/scrollview/scrollable/demo.dart renamed to lib/widget/scrollview/scrollable/demo_single_child_scrollview.dart

@@ -14,6 +14,9 @@ class _IndexState extends State<Index> {
   @override
   Widget build(BuildContext context) {
     return Scaffold(
+      appBar: AppBar(
+        title: Text('SingleChildScrollView'),
+      ),
       body: Scrollable(
         viewportBuilder: (context, offset) {
           return Scrollable(

lib/widget/scrollview/scrollable/index.dart

@@ -1,6 +1,7 @@
 import 'package:flutter/material.dart';
 import 'package:efox_flutter/components/widgetComp.dart' as WidgetComp;
-import 'demo.dart' as Demo;
+import 'demo_single_child_scrollview.dart' as DemoSingleChildScrollview;
+import 'demo_custom_scrollview.dart' as DemoCustomScrollview;
 
 class Index extends StatefulWidget {
   static String title = 'Scrollable';
@@ -19,7 +20,8 @@ class _IndexState extends State<Index> {
       originCodeUrl: Index.originCodeUrl,
       mdUrl: Index.mdUrl,
       demoChild: [
-        Demo.Index(),
+        DemoSingleChildScrollview.Index(),
+        DemoCustomScrollview.Index(),
       ]
     );
   }