feat: SnackBar

Author: DIVINER-only

docs/widget/bulletbox/snackbar/index.md

@@ -0,0 +1,25 @@
+## **SnackBar**
+
+>
+SnackBar 底部快捷提示，类似Toast，会自动隐藏
+* 我们并不能直接显示SnackBar，我们可以借助于Scaffold.of(context).showSnackBar()来显示一个SnackBar
+* 值得注意的是这个context必须不能是Scaffold节点下的context,因为Scaffold.of()方法需要从Widget树中去找到Scaffold的Context，所以如果直接在Scaffold中使用showSnackBar，需要在外层包括上Builder Widget，这个Builder不做任何的其他操作，只不过把Widget树往下移了一层而已
+
+### 构造方法
+``` dart
+SnackBar({
+  Key key,
+  @required this.content,
+  this.backgroundColor,
+  this.action,
+  this.duration = _kSnackBarDisplayDuration,
+  this.animation,
+})
+```
+
+### 属性介绍
+* content: SnackBar要显示的内容
+* backgroundColor: SnackBar背景颜色
+* action: 用户可以执行的操作
+* duration: 显示SnackBar的时间
+* animation: SnackBar的显示与隐藏动画

lib/widget/bulletbox/bottomsheet/index.dart

@@ -4,7 +4,7 @@ import 'demo.dart' as Demo;
 
 class Index extends StatefulWidget {
   static String title = 'BottomSheet';
-  static String originCodeUrl = '';
+  static String originCodeUrl = 'https://docs.flutter.io/flutter/material/BottomSheet-class.html';
   static String mdUrl = 'docs/widget/bulletbox/bottomsheet/index.md';
   @override
   _IndexState createState() => _IndexState();

lib/widget/bulletbox/index.dart

@@ -2,6 +2,7 @@ import 'package:efox_flutter/store/objects/widget_info.dart';
 import 'simpledialog/index.dart' as SimpleDialog;
 import 'alertdialog/index.dart' as AlertDialog;
 import 'bottomsheet/index.dart' as BottomSheet;
+import 'snackbar/index.dart' as SnackBar;
 
 const nameSpaces = '/bulletbox_';
 
@@ -20,6 +21,11 @@ List widgets = [
     widget: BottomSheet.Index(),
     code: 59639, // card_membership 
     title: BottomSheet.Index.title
+  ),
+  ItemInfo(
+    widget: SnackBar.Index(),
+    code: 59670, // date_range 
+    title: SnackBar.Index.title
   )
 ];
 

lib/widget/bulletbox/snackbar/demo.dart

@@ -0,0 +1,34 @@
+import 'package:flutter/material.dart';
+
+class Index extends StatelessWidget {
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      appBar: AppBar(title: Text('SnackBar'),),
+      body: Center(
+        child: Builder(
+          builder: (BuildContext context) {
+            return FlatButton(
+              child: Text('Open SnackBar'),
+              onPressed: () {
+                Scaffold.of(context).showSnackBar(
+                  SnackBar(
+                    content: Text('I am SnackBar....'),
+                    backgroundColor: Theme.of(context).primaryColor,
+                    action: SnackBarAction(
+                      textColor: Colors.white,
+                      label: '撤销',
+                      onPressed: (){
+                      },
+                    ),
+                    duration: Duration(seconds: 2)
+                  )
+                );
+              },
+            );
+          },
+        )
+      ),
+    );
+  }
+}

lib/widget/bulletbox/snackbar/index.dart

@@ -0,0 +1,25 @@
+import 'package:flutter/material.dart';
+import 'package:efox_flutter/components/widgetComp.dart' as WidgetComp;
+import 'demo.dart' as Demo;
+
+class Index extends StatefulWidget {
+  static String title = 'SnackBar';
+  static String originCodeUrl = '';
+  static String mdUrl = 'docs/widget/bulletbox/snackbar/index.md';
+  @override
+  _IndexState createState() => _IndexState();
+}
+
+class _IndexState extends State<Index> {
+  @override
+  Widget build(BuildContext context) {
+    return WidgetComp.Index(
+      title: Index.title,
+      originCodeUrl: Index.originCodeUrl,
+      mdUrl: Index.mdUrl,
+      demoChild: <Widget>[
+        Demo.Index()
+      ],
+    );
+  }
+}

pubspec.yaml

@@ -81,6 +81,7 @@ flutter:
       - docs/widget/bulletbox/simpledialog/
       - docs/widget/bulletbox/alertdialog/
       - docs/widget/bulletbox/bottomsheet/
+      - docs/widget/bulletbox/snackbar/
       - docs/widget/navigator/appbar/
       - docs/widget/navigator/scaffold/
   # An image asset can refer to one or more resolution-specific "variants", see