feat: Divider

Author: DIVINER-only

docs/widget/common/divider/index.md

@@ -1 +1,20 @@
-## ****
+## **Divider**
+
+>
+分割线
+* 常用使用Container包裹一层厚，使用padding可以构造出你需要的长度水平线
+
+### 构造方法
+``` dart
+Divider({
+  Key key,
+  this.height = 16.0,
+  this.indent = 0.0,
+  this.color
+})
+```
+
+### 属性介绍
+* height: 分割线的高度范围
+* indent: 分割线左侧的空白空间量
+* color: 线条颜色

lib/widget/common/divider/demo.dart

@@ -6,6 +6,7 @@ class Index extends StatefulWidget {
 }
 
 class _IndexState extends State<Index> {
+  var padding = 10.0;
   @override
   void initState() {
     super.initState();
@@ -17,8 +18,25 @@ class _IndexState extends State<Index> {
       appBar: AppBar(
         title: Text('Divider'),
       ),
-      body: Center(
-        child: Text('更新中'),
+      body: ListView(
+        children: <Widget>[
+          FlatButton(
+            child: Text('padding：$padding'),
+            onPressed: (){
+              setState(() {
+                padding == 10.0 ? padding = 30.0 : padding = 10.0;
+              });
+            },
+          ),
+          Container(
+            padding: EdgeInsets.fromLTRB(padding, 0, padding, 0),
+            child: Divider(
+              color: Theme.of(context).primaryColor,
+              height: 22.0,
+              indent: 0.0,
+            ),
+          ),
+        ], 
       ),
     );
   }

lib/widget/common/divider/index.dart

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