flow

Author: DIVINER-only

docs/widget/regular/flow/index.md

@@ -1 +1,23 @@
-## **Flow**
+## **Flow**
+
+>
+实现优化流式布局以使用流布局的控件
+* 实现较为复杂，一般可通过Wrap来替换实现
+
+## 构造方法
+``` dart
+Flow({
+  Key key,
+  @required this.delegate,
+  List<Widget> children = const <Widget>[],
+})
+```
+
+### 属性介绍
+* delegeate: 影响布局的FlowDelegate，包含方法如下：
+  * paintChildren: child的绘制控制代码，可以调整尺寸位置
+  * shouldPepaint：是否需要重绘
+  * shouldRelayout：是否需要重新布局
+  * getConstraintsForChild：设置每个child的约束条件，会覆盖已有
+  * getSize： 设置Flow的尺寸
+* children: Flow中的内容widget

lib/widget/regular/flow/demo.dart

@@ -1,59 +1,37 @@
 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
-    },
+  List<dynamic> containerValue = [
+    Colors.deepOrangeAccent,
+    Colors.cyanAccent,
+    Colors.limeAccent,
+    Colors.deepPurpleAccent,
+    Colors.indigo,
+    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)),
+        delegate: FlowDelegateFunc(margin: EdgeInsets.fromLTRB(12.0, 12.0, 12.0, 12.0)),
         children: List.generate(6, (index) {
           return Container(
-            width: 40.0,
+            width: 46.0,
             height: 40.0,
-            color: containerValue[index]['color'],
+            color: containerValue[index],
           );
         }),
       ),
     );
   }
 }
 
-class FlowDelegates extends FlowDelegate {
-    @override
-    void paintChildren(FlowPaintingContext context) {}
-
-    @override
-    bool shouldRepaint(FlowDelegate oldDelegeate) {
-      return oldDelegeate != this;
-    }
-  }
-
-class TestFlowDelegate extends FlowDelegate {
+class FlowDelegateFunc extends FlowDelegate {
   EdgeInsets margin = EdgeInsets.zero;
 
-  TestFlowDelegate({this.margin});
+  FlowDelegateFunc({this.margin});
   @override
   void paintChildren(FlowPaintingContext context) {
     var x = margin.left;

lib/widget/regular/flow/index.dart

@@ -4,7 +4,7 @@ import 'demo.dart' as Demo;
 
 class Index extends StatefulWidget {
   static String title = 'Flow';
-  static String originCodeUrl = '';
+  static String originCodeUrl = 'https://docs.flutter.io/flutter/widgets/Flow-class.html';
   static String mdUrl = 'docs/widget/regular/flow/index.md';
   @override
   _IndexState createState() => _IndexState();