feat：BottomSheet

Author: DIVINER-only

docs/widget/bulletbox/bottomsheet/index.md

@@ -0,0 +1,22 @@
+## **BottomSheet**
+
+>
+底部菜单，通常情况下分享操作界面使用比较多
+* 显示BottomSheet我们可以通过调用：showBottomSheet或者showModalBottomSheet方法，showBottomSheet是从新打开了一个界面来显示，showModalBottomSheet是直接在当前界面的下面来显示
+* 两个方法都需要传入一个context和WidgetBuilder
+
+### 构造方法
+``` dart
+showModalBottomSheet<T>({
+  @required BuildContext context,
+  @required WidgetBuilder builder,
+})
+showBottomSheet<T>({
+  @required BuildContext context,
+  @required WidgetBuilder builder,
+})
+```
+
+### 属性介绍
+context：上下文
+builder： 构造器

lib/widget/bulletbox/alertdialog/index.dart

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

lib/widget/bulletbox/bottomsheet/demo.dart

@@ -0,0 +1,85 @@
+import 'package:flutter/material.dart';
+
+class Index extends StatefulWidget {
+  @override
+  _IndexState createState() => _IndexState();
+}
+
+class _IndexState extends State<Index> {
+  List showMBS = ['Option A', 'Option B', 'Option C'];
+  String _choiceMBS = 'Nothing';
+  List showBS = ["开始会话", "操作说明", "系统设置", "更多设置"];
+  List icons = [Icons.chat, Icons.help, Icons.settings, Icons.more];
+
+  Future _openShowModalBottomSheet () async {
+    final option = await showModalBottomSheet(
+      context: context,
+      builder: (BuildContext context) {
+        return Container(
+          height: 200.0,
+          child: ListView(
+            children: List.generate(3, (index) {
+              return ListTile(
+                title: Text(showMBS[index]),
+                onTap: (){
+                  Navigator.pop(context, showMBS[index]);
+                },
+              );
+            })
+          ),
+        );
+      }
+    );
+    // 使用switch可以按情况对后续赋值
+    setState(() {
+      _choiceMBS = option;
+    });
+  }
+
+  Future _openShowBottomSheet () async {
+    final optionBs = await showBottomSheet(
+      context: context,
+      builder: (BuildContext context) {
+        return new Container(
+          height: 300.0,
+          child: new Padding(
+            padding: const EdgeInsets.all(10.0),
+            child: new Column(
+              children: List.generate(4, (index) {
+                return ListTile(
+                  leading: new Icon(icons[index]),
+                  title: new Text(showBS[index]),
+                  onTap: () {
+                    Navigator.pop(context, showBS[index]);
+                  },
+                );
+              })
+            ))
+        );
+      }
+    );
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      appBar: AppBar(title: Text('BottomSheet'),),
+      body: Center(
+        child: Column(
+          mainAxisAlignment: MainAxisAlignment.center,
+          crossAxisAlignment: CrossAxisAlignment.center,
+          children: <Widget>[
+            FlatButton(
+              onPressed: _openShowBottomSheet,
+              child: Text('showBottomSheet', style: TextStyle(fontSize: 16.0),),
+            ),
+            FlatButton(
+              onPressed: _openShowModalBottomSheet,
+              child: Text('showModalBottomSheet: $_choiceMBS', style: TextStyle(fontSize: 16.0),),
+            )
+          ],
+        ),
+      ),
+    );
+  }
+}

lib/widget/bulletbox/bottomsheet/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 = 'BottomSheet';
+  static String originCodeUrl = '';
+  static String mdUrl = 'docs/widget/bulletbox/bottomsheet/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()
+      ],
+    );
+  }
+}

lib/widget/bulletbox/index.dart

@@ -1,6 +1,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;
 
 const nameSpaces = '/bulletbox_';
 
@@ -14,6 +15,11 @@ List widgets = [
     widget: AlertDialog.Index(),
     code: 59644, // camera_enhance 
     title: AlertDialog.Index.title
+  ),
+  ItemInfo(
+    widget: BottomSheet.Index(),
+    code: 59639, // card_membership 
+    title: BottomSheet.Index.title
   )
 ];
 

pubspec.yaml

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