feat: ExpansionPanel

Author: DIVINER-only

docs/widget/bulletbox/expansionpanel/index.md

@@ -0,0 +1,35 @@
+## **ExpansionPanel**
+
+>
+扩展面板，包含一个标题和一个正文，可以展开或折叠，面板正文在展开时可见
+* ExpansionPanel不能单独使用，只能配合ExpansionPanelList使用
+* ExpansionPanelList必须配合可以滑动的组件才可以使用
+
+### ExpansionPanelList构造方法
+``` dart
+ExpansionPanelList({
+  Key key,
+  this.children = const <ExpansionPanel>[],
+  this.expansionCallback,
+  this.animationDuration = kThemeAnimationDuration,
+})
+```
+
+### ExpansionPanel构造方法
+``` dart
+ExpansionPanel({
+  @required this.headerBuilder,
+  @required this.body,
+  this.isExpanded = false
+})
+```
+
+### ExpansionPanelList属性介绍
+* children：ExpansionPanel内容
+* expansionCallback：点击展开关闭面板回调函数
+* animationDuration：展开面板时间
+
+### ExpansionPanel属性介绍
+* headerBuilder：标题构造器
+* body：内容区域
+* isExpanded：是否展开

lib/widget/bulletbox/expansionPanel/demo.dart

@@ -0,0 +1,90 @@
+import 'package:flutter/material.dart';
+
+class ExpansionPanelItem {
+  final String headerText;
+  final Widget body;
+  bool isExpanded;
+  ExpansionPanelItem({
+    this.headerText,
+    this.body,
+    this.isExpanded
+  });
+}
+
+class Index extends StatefulWidget {
+  @override
+  _IndexState createState() => _IndexState();
+}
+
+class _IndexState extends State<Index> {
+  List<ExpansionPanelItem> _expansionPanelItems;
+  @override
+    void initState() {
+      // TODO: implement initState
+      super.initState();
+      _expansionPanelItems = <ExpansionPanelItem>[
+        ExpansionPanelItem(
+          headerText: 'Panel A',
+          body: Container(
+            padding: EdgeInsets.all(16.0),
+            width: double.infinity,
+            child: Image.network('http://pic1.win4000.com/wallpaper/2019-02-15/5c664c46823f8.jpg'),
+          ),
+          isExpanded: false
+        ),
+        ExpansionPanelItem(
+          headerText: 'Panel B',
+          body: Container(
+            padding: EdgeInsets.all(16.0),
+            width: double.infinity,
+            child: Image.network('http://pic1.win4000.com/wallpaper/2019-02-14/5c651084373de.jpg'),
+          ),
+          isExpanded: false
+        ),
+        ExpansionPanelItem(
+          headerText: 'Panel C',
+          body: Container(
+            padding: EdgeInsets.all(16.0),
+            width: double.infinity,
+            child: Image.network('http://pic1.win4000.com/wallpaper/2019-02-14/5c65107a0ee05.jpg'),
+          ),
+          isExpanded: false
+        )
+      ];
+
+    }
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      appBar: AppBar(title: Text('ExpansionPanel'),),
+      body: SingleChildScrollView(
+        padding: EdgeInsets.all(16.0),
+        child: ExpansionPanelList(
+          animationDuration: Duration(microseconds: 500),
+          expansionCallback: (int panelIndex, bool isExpaned) {
+            setState(() {
+              _expansionPanelItems[panelIndex].isExpanded = !isExpaned;
+            });
+          },
+          children: _expansionPanelItems.map(
+            (ExpansionPanelItem item) {
+              return ExpansionPanel(
+                isExpanded: item.isExpanded,
+                body: item.body,
+                headerBuilder: (BuildContext context, bool isExpanded) {
+                  return Container(
+                    padding: EdgeInsets.all(16.0),
+                    child: Text(
+                      item.headerText,
+                      style: Theme.of(context).textTheme.title,
+                    ),
+                  );
+                }
+              );
+            }
+          ).toList(),
+        ),
+      ),
+    );
+  }
+}

lib/widget/bulletbox/expansionPanel/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 = 'ExpansionPanel';
+  static String originCodeUrl = 'https://docs.flutter.io/flutter/material/ExpansionPanel-class.html';
+  static String mdUrl = 'docs/widget/bulletbox/expansionpanel/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

@@ -3,6 +3,7 @@ import 'simpledialog/index.dart' as SimpleDialog;
 import 'alertdialog/index.dart' as AlertDialog;
 import 'bottomsheet/index.dart' as BottomSheet;
 import 'snackbar/index.dart' as SnackBar;
+import 'expansionPanel/index.dart' as ExpansionPanel;
 
 const nameSpaces = '/bulletbox_';
 
@@ -26,6 +27,11 @@ List widgets = [
     widget: SnackBar.Index(),
     code: 59670, // date_range 
     title: SnackBar.Index.title
+  ),
+  ItemInfo(
+    widget: ExpansionPanel.Index(),
+    code: 59651, // event_seat 
+    title: ExpansionPanel.Index.title
   )
 ];
 

pubspec.yaml

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