You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
aku_new_community/lib/widget/custom_action_sheet.dart

134 lines
4.5 KiB

// Flutter imports:
import 'package:flutter/material.dart';
// 弹出底部sheet
Future<int> showCustomBottomSheet({
@required BuildContext context,
double radiusSize = 5.0, // 默认圆角为5
double paddingSize = 10.0, // 默认左右间距为10
String title = '', // 标题
double titleFontSize = 14, // 标题字体大小
Color titleColor = Colors.red, // 标题默认颜色
String cancelTitle = '取消',
double cancelHeight = 45,
double cancelFontSize = 15,
Color cancelTextColor = Colors.black,
List<Widget> children = const <Widget>[],
}) {
assert(context != null);
return showModalBottomSheet<int>(
context: context,
backgroundColor: Color(0x00ffffff), // 背景色设置为无色
elevation: 0, // 透明度
builder: (BuildContext context) {
return GestureDetector(
onTap: () {
Navigator.pop(context, -1);
},
child: Container(
color: Color(0x00ffffff), // 设置颜色后点击事件才有效
alignment: Alignment.bottomCenter,
padding: EdgeInsets.fromLTRB(paddingSize, 0, paddingSize,
MediaQuery.of(context).padding.bottom),
child: Column(
mainAxisAlignment: MainAxisAlignment.end,
children: <Widget>[
GestureDetector(
onTap: () {},
child: Container(
padding: EdgeInsets.symmetric(vertical: 5, horizontal: 10),
decoration: BoxDecoration(
color: Colors.white,
borderRadius: (children.length == 0)
? BorderRadius.all(Radius.circular(radiusSize))
: BorderRadius.only(
topLeft: Radius.circular(radiusSize),
topRight: Radius.circular(radiusSize))),
alignment: Alignment.center,
constraints: BoxConstraints(
minHeight: 45,
),
child: Text(
title,
textAlign: TextAlign.center,
style:
TextStyle(color: titleColor, fontSize: titleFontSize),
),
),
),
Column(children: children),
Container(
height: 10,
),
GestureDetector(
onTap: () {
Navigator.pop(context, 0);
},
child: Container(
decoration: BoxDecoration(
color: Colors.white,
borderRadius:
BorderRadius.all(Radius.circular(radiusSize))),
alignment: Alignment.center,
height: cancelHeight,
child: Text(
cancelTitle,
style: TextStyle(
color: cancelTextColor, fontSize: cancelFontSize),
),
),
),
],
)),
);
},
);
}
/// 添加时候的item
Widget actionItem({
@required BuildContext context,
@required int index,
@required String title,
Color color = Colors.black,
Color backgroundColor = Colors.white,
double radiusSize = 5.0, // 默认圆角为5
bool isLastOne = false, // 是否为最后一个,最后一个如果有圆角的话需要增加底部圆角
double height = 45,
double fontSize = 15,
VoidCallback onTap,
}) {
assert(context != null);
assert(title != null);
assert(index > 0);
return GestureDetector(
onTap: () {
onTap();
Navigator.pop(context, index);
},
child: Column(
children: <Widget>[
/// 分割线
Divider(
height: 0.5,
color: Color(0xffeeeeee),
),
Container(
decoration: BoxDecoration(
color: backgroundColor,
borderRadius: isLastOne
? BorderRadius.only(
bottomLeft: Radius.circular(radiusSize),
bottomRight: Radius.circular(radiusSize))
: BorderRadius.all(Radius.circular(0))),
alignment: Alignment.center,
height: height,
child: Text(
title,
style: TextStyle(color: color, fontSize: fontSize),
),
)
],
));
}