Files
FlutterUnit/lib/views/widgets/StatefulWidget/PopupMenuButton/node1_base.dart
2020-11-29 08:56:33 +08:00

75 lines
2.1 KiB
Dart

import 'package:flutter/material.dart';
import '../../../components/project/dialogs/dialog_about.dart';
/// create by 张风捷特烈 on 2020-03-16
/// contact me by email 1981462002@qq.com
/// 说明:
// {
// "widgetId": 56,
// "name": 'PopupMenuButton基本使用',
// "priority": 1,
// "subtitle":
// "【itemBuilder】 : 构造器 【PopupMenuItemBuilder<T>】\n"
// "【offset】 : 偏移 【Offset】\n"
// "【color】 : 背景颜色 【Color】\n"
// "【shape】 : 形状 【ShapeBorder】\n"
// "【elevation】 : 影深 【double】\n"
// "【onCanceled】 : 取消事件 【Function()】\n"
// "【onSelected】 : 选择事件 【Function(T)】",
// }
class CustomPopupMenuButton extends StatefulWidget {
@override
_CustomPopupMenuButtonState createState() => _CustomPopupMenuButtonState();
}
class _CustomPopupMenuButtonState extends State<CustomPopupMenuButton> {
final map = {
"关于": Icons.info_outline,
"帮助": Icons.help_outline,
"问题反馈": Icons.add_comment,
};
@override
Widget build(BuildContext context) {
return PopupMenuButton<String>(
itemBuilder: (context) => buildItems(),
offset: Offset(0, 50),
color: Color(0xffF4FFFA),
elevation: 1,
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.only(
topLeft: Radius.circular(20),
bottomRight: Radius.circular(20),
topRight: Radius.circular(5),
bottomLeft: Radius.circular(5),
)),
onSelected: (e) {
print(e);
if (e == '关于') {
DialogAbout.show(context);
}
},
onCanceled: () => print('onCanceled'),
);
}
List<PopupMenuItem<String>> buildItems() {
return map.keys
.toList()
.map((e) => PopupMenuItem<String>(
value: e,
child: Wrap(
spacing: 10,
children: <Widget>[
Icon(
map[e],
color: Colors.blue,
),
Text(e),
],
)))
.toList();
}
}