feat: 增多7个小控件和provide迁移

Author: sam

analysis_options.yaml

@@ -1,3 +1,3 @@
-analyzer:
-  errors:
-    mixin_inherits_from_not_object: ignore
+# analyzer:
+#   errors:
+#     mixin_inherits_from_not_object: ignore

assets/imgs/cool.jpg

@@ -1 +1,13 @@
-## **文档完善中**
+## **AssetBundle**
+> 抽象类，资源读取
+
+#### 使用
+```
+import 'package:flutter/services.dart' show rootBundle;
+
+getText() async {
+  String text = await rootBundle.loadString('locale/zh.json');
+  print('text $text');
+}
+
+```

assets/imgs/github.png

@@ -1 +1,32 @@
-## **文档完善中**
+## **IconButton**
+>
+图标按钮，通过填充颜色（墨水）对触摸做出反应
+
+### 构造方法
+``` dart
+IconButton({
+    Key key,
+    this.iconSize = 24.0,
+    this.padding = const EdgeInsets.all(8.0),
+    this.alignment = Alignment.center,
+    @required this.icon,
+    this.color,
+    this.highlightColor,
+    this.splashColor,
+    this.disabledColor,
+    @required this.onPressed,
+    this.tooltip
+  })
+```
+
+### 属性介绍
+* iconSize = 24.0：图标大小
+* padding = const EdgeInsets.all(8.0)：按钮图标周围的填充
+* alignment = Alignment.center：图标对齐方式
+* icon：图标
+* color：图标颜色
+* highlightColor：按钮处于按下时按钮的辅助颜色
+* splashColor：按钮处于按下状态时按钮颜色
+* disabledColor：图标被禁用时按钮内图标的颜色
+* onPressed：点击回调
+* tooltip：长按文本提示

assets/imgs/github_1.png

@@ -1 +1,51 @@
-## **文档完善中**
+## **Image**
+
+>
+用于展示图片的控件，支持本地图片，资源图片，网络图片等加载方式
+
+### 构造方法
+``` dart
+Image({
+    Key key,
+    @required this.image,
+    this.semanticLabel,
+    this.excludeFromSemantics = false,
+    this.width,
+    this.height,
+    this.color,
+    this.colorBlendMode,
+    this.fit,
+    this.alignment = Alignment.center,
+    this.repeat = ImageRepeat.noRepeat,
+    this.centerSlice,
+    this.matchTextDirection = false,
+    this.gaplessPlayback = false,
+    this.filterQuality = FilterQuality.low,
+  })
+```
+
+### 属性介绍
+* image：
+    * Image(): 通用方法，使用ImageProvider（包括：AssetImage, NetworkImage, FileImage, MemoryImage）实现，如下方法本质上也是使用这个方法
+    * Image.asset: 加载资源图片
+    * Image.file: 加载本地图片文件夹
+    * Image.network: 加载网络图片
+    * Image.memory: 加载Uint8List资源图片
+* width：图片容器宽度
+* height：图片容器高度
+* color：color一般和colorBlendMod配合使用
+* colorBlendMode：和color配合使用，添加滤镜效果
+* fit：如何将图像分配到布局空间中
+    * BoxFit.fill : 全图显示，显示尽可能拉伸，充满
+    * BoxFit.contain : 全图显示，显示原比例，不需充满
+    * BoxFit.cover : 显示可能拉伸，可能裁剪，充满
+    * BoxFit.fitWidth : 显示尽可能拉伸，可能裁剪，宽度充满
+    * BoxFit.fitHeight 显示尽可能拉伸，可能裁剪，高度充满:
+    * BoxFit.none 无fit:
+    * BoxFit.scaleDown 效果和contain差不多，但此属性不允许显示超过原图片大小，可小不可大:
+* alignment = Alignment.center：控制图片的显示位置
+* repeat = ImageRepeat.noRepeat：图片是否重复
+* centerSlice：九个补丁图像的中心切片
+* matchTextDirection = false：若值为turn，与Directionality配合使用，图片显示方向
+* gaplessPlayback = false：当ImageProvider发生变化后，重新加载图片的过程中，原图片的展示是否保留。若值为true，保留，若为false，不保留，直接空白等待下一张图片加载
+* filterQuality = FilterQuality.low：用于设置图像的FilterQuality

assets/imgs/github_2.png

@@ -1 +1,35 @@
-## **文档完善中**
+## **ListTile**
+>
+单个固定高度的行，通常包含一些文本和前导或者尾随的图标，通常在ListView中使用
+
+### 构造方法
+``` dart
+ListTile({
+    Key key,
+    this.leading,
+    this.title,
+    this.subtitle,
+    this.trailing,
+    this.isThreeLine = false,
+    this.dense,
+    this.contentPadding,
+    this.enabled = true,
+    this.onTap,
+    this.onLongPress,
+    this.selected = false,
+  })
+```
+
+### 属性介绍
+
+* leading：显示左侧的小组件
+* title：标题
+* subtitle：子标题
+* trailing：显示右侧的小组件
+* isThreeLine = false：是否显示三行文本
+* dense：是否垂直密集显示
+* contentPadding：ListTile的内部填充
+* enabled = true：是否是交互式的
+* onTap：点击时的回调
+* onLongPress：长按时的回调
+* selected = false：图标和文本是否以相同颜色呈现

docs/widget/common/assetbundle/index.md

@@ -1 +1,57 @@
-## **文档完善中**
+## **RaisedButton**
+>
+RaisedButton 凸起按钮
+
+### 构造方法
+``` dart
+RaisedButton({
+    Key key,
+    @required VoidCallback onPressed,
+    ValueChanged<bool> onHighlightChanged,
+    ButtonTextTheme textTheme,
+    Color textColor,
+    Color disabledTextColor,
+    Color color,
+    Color disabledColor,
+    Color highlightColor,
+    Color splashColor,
+    Brightness colorBrightness,
+    double elevation,
+    double highlightElevation,
+    double disabledElevation,
+    EdgeInsetsGeometry padding,
+    ShapeBorder shape,
+    Clip clipBehavior = Clip.none,
+    MaterialTapTargetSize materialTapTargetSize,
+    Duration animationDuration,
+    Widget child,
+  })
+```
+
+### 属性介绍
+* onPressed: 点击回调
+* textColor：文本颜色
+* disabledTextColor：禁用文本颜色
+* color：按钮颜色
+* disabledColor: 禁用按钮颜色
+* highlightColor：长按按钮颜色
+* splashColor： 点击按钮水波纹颜色
+* elevation： 按钮下面阴影
+* highlightElevation：阴影大小
+* disabledElevation：禁止阴影
+* padding：按钮填充区域
+* shape：按钮形状
+* child：按钮中的Widget
+
+### 高级用法
+按钮形状
+* BeveledRectangleBorder 带斜角的长方形边框
+* CircleBorder 圆形边框
+* RoundedRectangleBorder 圆角矩形
+* StadiumBorder 两端是半圆的边框
+
+设置按钮形状常用属性
+* side：用来设置边线（颜色、宽度等）
+* borderRadius：用来设置圆角
+
+使用RaisedButton.icon可以创建图标（icon）和标签（label）的widget文本按钮