feat: switch

Author: DIVINER-only

docs/widget/form/switch/index.md

@@ -1 +1,33 @@
-## **文档完善中**
+## **Switch**
+
+>
+Switch是切换按钮控件，通常用于设置的选项里
+
+### 构造方法
+``` dart
+Switch({
+  Key key,
+  @required this.value,
+  @required this.onChanged,
+  this.activeColor,
+  this.activeTrackColor,
+  this.inactiveThumbColor,
+  this.inactiveTrackColor,
+  this.activeThumbImage,
+  this.inactiveThumbImage,
+  this.materialTapTargetSize,
+  this.dragStartBehavior = DragStartBehavior.start,
+})
+```
+
+### 属性介绍
+* value: true：开 false：关
+* onChanged: 变化时回调
+* activeColor: 打开状态下颜色
+* activeTrackColor: 打开状态下track颜色
+* inactiveThumbColor: 关闭状态thumb颜色
+* inactiveTrackColor: 关闭状态track颜色
+* activeThumbImage: 打开状态下thumb图片
+* inactiveThumbImage: 关闭状态thumb图片
+* materialTapTargetSize: 配置点击目标的最小尺寸
+* dragStartBehavior: 确定处理拖动开始行为的方式

lib/widget/form/switch/demo.dart

@@ -6,6 +6,7 @@ class Index extends StatefulWidget {
 }
 
 class _IndexState extends State<Index> {
+  bool _switchValue = false;
   @override
   void initState() {
     super.initState();
@@ -18,7 +19,20 @@ class _IndexState extends State<Index> {
         title: Text('Switch'),
       ),
       body: Center(
-        child: Text('更新中'),
+        child: Switch(
+          value: _switchValue,
+          onChanged: (value){
+            setState(() {
+              _switchValue = value;
+            });
+          },
+          activeColor: Theme.of(context).primaryColor,
+          activeTrackColor: Theme.of(context).primaryColor.withOpacity(0.3),
+          inactiveThumbColor: Colors.black87,
+          inactiveTrackColor: Colors.black12,
+          activeThumbImage: NetworkImage('http://pic1.win4000.com/wallpaper/2019-02-15/5c664c4b4dc2f.jpg'),
+          inactiveThumbImage: NetworkImage('http://pic1.win4000.com/wallpaper/2019-02-14/5c651084373de.jpg',),
+        ),
       ),
     );
   }

lib/widget/form/switch/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 = 'Switch';
@@ -19,7 +19,7 @@ class _IndexState extends State<Index> {
       originCodeUrl: Index.originCodeUrl,
       mdUrl: Index.mdUrl,
       demoChild: [
-        // Demo.Index(),
+        Demo.Index(),
       ],
     );
   }