padding

Author: DIVINER-only

docs/widget/regular/padding/code.md

@@ -0,0 +1,32 @@
+### Padding Demo
+
+```dart
+import 'package:flutter/material.dart';
+
+class Index extends StatelessWidget {
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      appBar: AppBar(title: Text('Padding Demo'),),
+      body: Center(
+        child: Container(
+          color: Theme.of(context).primaryColor,
+          child: Padding(
+            padding: const EdgeInsets.all(10.0),
+            child: Container(
+              width: 100.0,
+              height: 100.0,
+              color: Colors.lightBlue,
+              alignment: Alignment.center,
+              child: Text(
+                'Hello World',
+                style: TextStyle(fontSize: 16.0, color: Colors.white),
+              ),
+            )
+          ),
+        )
+      ),
+    );
+  }
+}
+```

docs/widget/regular/padding/index.md

@@ -0,0 +1,20 @@
+## **Padding**
+>
+作为一个基础的控件，功能非常单一，给子节点设置padding属性
+* 类似于前端中的 div + css设置padding的效果
+* Container + padding = Padding
+
+### 构造方法
+```
+Padding({
+  Key key,
+  @required this.padding,
+  Widget child,
+})
+```
+
+### 属性介绍
+>
+Padding 控件的padding属性必须设置，不能为空
+* padding: 通过给定的padding值来隔开子组件，通过EdgeInsets类计算padding的大小
+* child: Padding中的内容widget

lib/widget/regular/index.dart

@@ -2,6 +2,7 @@ import 'package:efox_flutter/store/objects/widget_info.dart';
 import 'row/index.dart' as Row;
 import 'column/index.dart' as Column;
 import 'container/index.dart' as Container;
+import 'padding/index.dart' as Padding;
 
 const nameSpaces = '/Regular_';
 
@@ -23,6 +24,12 @@ List widgets = [
     widget: Container.Index(),
     code: 60219, // ac_unit 
     name: Container.Index.name
+  ),
+  ItemInfo(
+    routerName: nameSpaces + Padding.Index.routerName,
+    widget: Padding.Index(),
+    code: 59483, // aspect_ratio
+    name: Padding.Index.name
   )
 ];
 

lib/widget/regular/padding/demo.dart

@@ -0,0 +1,28 @@
+import 'package:flutter/material.dart';
+
+class Index extends StatelessWidget {
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      appBar: AppBar(title: Text('Padding Demo'),),
+      body: Center(
+        child: Container(
+          color: Theme.of(context).primaryColor,
+          child: Padding(
+            padding: const EdgeInsets.all(10.0),
+            child: Container(
+              width: 100.0,
+              height: 100.0,
+              color: Colors.lightBlue,
+              alignment: Alignment.center,
+              child: Text(
+                'Hello World',
+                style: TextStyle(fontSize: 16.0, color: Colors.white),
+              ),
+            )
+          ),
+        )
+      ),
+    );
+  }
+}

lib/widget/regular/padding/index.dart

@@ -0,0 +1,54 @@
+import 'package:flutter/material.dart';
+import 'package:efox_flutter/components/widgetComp.dart' as WidgetComp;
+import 'package:efox_flutter/utils/file.dart' as FileUtils;
+import 'demo.dart' as Demo;
+
+String originCodeUrl = 'https://docs.flutter.io/flutter/widgets/Padding-class.html';
+String codeUrl = 'docs/widget/regular/padding/code.md';
+String mdUrl = 'docs/widget/regular/padding/index.md';
+
+class Index extends StatefulWidget {
+  static String name = 'Padding';
+  static String routerName = 'padding';
+
+  @override
+  _IndexState createState() => _IndexState();
+}
+
+class _IndexState extends State<Index> {
+  bool loading = true;
+  String ___MD___ = mdUrl;
+
+  @override
+    void initState() {
+      // TODO: implement initState
+      super.initState();
+      this.initMd();
+    }
+  
+  initMd() async {
+    String mdStr = await FileUtils.readLocaleFile(___MD___);
+    setState(() {
+      this.___MD___ = mdStr;
+      loading = false;
+    });
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return WidgetComp.Index(
+      name: Index.name,
+      codeUrl: codeUrl,
+      originCodeUrl: originCodeUrl,
+      mdUrl: mdUrl,
+      modelChild: (context, child, model) {
+        return [
+          ___MD___
+        ];
+      },
+      demoChild: <Widget>[
+        Demo.Index()
+      ],
+    );
+  }
+}

pubspec.yaml

@@ -57,7 +57,9 @@ flutter:
       - locale/
       - docs/widget/scrollview/gridview/
       - docs/widget/regular/row/
-      - docs/widget/regular/
+      - docs/widget/regular/column/
+      - docs/widget/regular/container/
+      - docs/widget/regular/padding/
   # An image asset can refer to one or more resolution-specific "variants", see
   # https://flutter.io/assets-and-images/#resolution-aware.