🎨 当前组件结构重构完毕

2020-04-30 10:10:09 +08:00
parent 60eb0f04fd
commit b58de9d465
105 changed files with 2596 additions and 2477 deletions
--- a/lib/views/widgets/MultiChildRenderObjectWidget/Flex/node2_mainAxisAlignment.dart
+++ b/lib/views/widgets/MultiChildRenderObjectWidget/Flex/node2_mainAxisAlignment.dart
@@ -0,0 +1,58 @@
+import 'package:flutter/material.dart';
+
+/// create by 张风捷特烈 on 2020/4/30
+/// contact me by email 1981462002@qq.com
+/// 说明: 
+
+//    {
+//      "widgetId": 94,
+//      "name": 'Flex主轴对齐方式',
+//      "priority": 2,
+//      "subtitle":
+//          "【mainAxisAlignment】 : 主轴对齐   【MainAxisAlignment】",
+//    }
+class MainAxisAlignmentFlex extends StatelessWidget {
+
+  final  redBox= Container(
+    color: Colors.red,
+    height: 30,
+    width: 40,
+  );
+
+  final blueBox= Container(
+    color: Colors.blue,
+    height: 20,
+    width: 30,
+  );
+
+  final greenBox= Container(
+    color: Colors.green,
+    height: 20,
+    width: 20,
+  );
+
+  @override
+  Widget build(BuildContext context) {
+    return Wrap(
+        runSpacing: 5,
+        children: MainAxisAlignment.values
+            .map((mode) => Column(children: <Widget>[
+          Container(
+              margin: EdgeInsets.all(5),
+              width: 160,
+              height: 80,
+              color: Colors.grey.withAlpha(33),
+              child: _buildItem(mode)),
+          Text(mode.toString().split('.')[1])
+        ]))
+            .toList());
+  }
+
+  _buildItem(mode) => Flex(
+    direction: Axis.horizontal,
+    mainAxisAlignment: mode,
+    children: <Widget>[
+      blueBox, redBox, greenBox
+    ],
+  );
+}