flow

Author: DIVINER-only

docs/widget/regular/flow/index.md

@@ -0,0 +1 @@
+## **Flow**

lib/widget/regular/flow/demo.dart

@@ -0,0 +1,83 @@
+import 'package:flutter/material.dart';
+
+class Index extends StatelessWidget {
+  List<Map<String, dynamic>> containerValue = [
+    {
+      'color': Colors.yellow
+    },
+    {
+      'color': Colors.green
+    },
+    {
+      'color': Colors.red
+    },
+    {
+      'color': Colors.black
+    },
+    {
+      'color': Colors.blue
+    },
+    {
+      'color': Colors.lightGreenAccent
+    },
+  ];
+
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      appBar: AppBar(title: Text('Flow'),),
+      body: Flow(
+        delegate: TestFlowDelegate(margin: EdgeInsets.fromLTRB(10.0, 10.0, 10.0, 10.0)),
+        children: List.generate(6, (index) {
+          return Container(
+            width: 40.0,
+            height: 40.0,
+            color: containerValue[index]['color'],
+          );
+        }),
+      ),
+    );
+  }
+}
+
+class FlowDelegates extends FlowDelegate {
+    @override
+    void paintChildren(FlowPaintingContext context) {}
+
+    @override
+    bool shouldRepaint(FlowDelegate oldDelegeate) {
+      return oldDelegeate != this;
+    }
+  }
+
+class TestFlowDelegate extends FlowDelegate {
+  EdgeInsets margin = EdgeInsets.zero;
+
+  TestFlowDelegate({this.margin});
+  @override
+  void paintChildren(FlowPaintingContext context) {
+    var x = margin.left;
+    var y = margin.top;
+    for (int i = 0; i < context.childCount; i++) {
+      var w = context.getChildSize(i).width + x + margin.right;
+      if (w < context.size.width) {
+        context.paintChild(i,
+            transform: new Matrix4.translationValues(
+                x, y, 0.0));
+        x = w + margin.left;
+      } else {
+        x = margin.left;
+        y += context.getChildSize(i).height + margin.top + margin.bottom;
+        context.paintChild(i,
+            transform: new Matrix4.translationValues(
+                x, y, 0.0));
+        x += context.getChildSize(i).width + margin.left + margin.right;
+      }
+    }
+  }
+
+  @override
+  bool shouldRepaint(FlowDelegate oldDelegate) {
+    return oldDelegate != this;
+  }
+}

lib/widget/regular/flow/index.dart

@@ -0,0 +1,25 @@
+import 'package:flutter/material.dart';
+import 'package:efox_flutter/components/widgetComp.dart' as WidgetComp;
+import 'demo.dart' as Demo;
+
+class Index extends StatefulWidget {
+  static String title = 'Flow';
+  static String originCodeUrl = '';
+  static String mdUrl = 'docs/widget/regular/flow/index.md';
+  @override
+  _IndexState createState() => _IndexState();
+}
+
+class _IndexState extends State<Index> {
+  @override
+  Widget build(BuildContext context) {
+    return WidgetComp.Index(
+      title: Index.title,
+      originCodeUrl: Index.originCodeUrl,
+      mdUrl: Index.mdUrl,
+      demoChild: <Widget>[
+        Demo.Index()
+      ],
+    );
+  }
+}

lib/widget/regular/index.dart

@@ -10,6 +10,7 @@ import 'aspectratio/index.dart' as AspectRatio;
 import 'constrainedbox/index.dart' as ConstrainedBox;
 import 'wrap/index.dart' as Wrap;
 import 'table/index.dart' as Table;
+import 'flow/index.dart' as Flow;
 
 const nameSpaces = '/regular_';
 
@@ -68,6 +69,11 @@ List widgets = [
     widget: Table.Index(),
     code: 59568, // receipt 
     title: Table.Index.title
+  ),
+  ItemInfo(
+    widget: Flow.Index(),
+    code: 58915, // sd_card 
+    title: Flow.Index.title
   )
 ];
 

pubspec.yaml

@@ -68,6 +68,7 @@ flutter:
       - docs/widget/regular/constrainedbox/
       - docs/widget/regular/wrap/
       - docs/widget/regular/table/
+      - docs/widget/regular/flow/
   # An image asset can refer to one or more resolution-specific "variants", see
   # https://flutter.io/assets-and-images/#resolution-aware.