flutter_integrated_whb/lib/customWidget/custom_button.dart

89 lines
2.8 KiB
Dart
Raw Normal View History

2025-07-11 11:03:21 +08:00
import 'package:flutter/material.dart';
2025-08-27 16:14:50 +08:00
/// 自定义默认按钮(支持不可点击/禁用状态)
2025-07-11 11:03:21 +08:00
class CustomButton extends StatelessWidget {
final String text; // 按钮文字
final Color backgroundColor; // 按钮背景色
final double borderRadius; // 圆角半径默认5
final VoidCallback? onPressed; // 点击事件回调
final EdgeInsetsGeometry? padding; // 内边距
final EdgeInsetsGeometry? margin; // 外边距
final double? height; // 按钮高度
final TextStyle? textStyle; // 文字样式
2025-08-27 16:14:50 +08:00
/// 新增是否可点击true 可点false 禁用)
/// 注意:如果 onPressed 为 null也会被视为不可点击
final bool enabled;
/// 新增:禁用时的背景色(可选)
final Color? disabledBackgroundColor;
/// 新增:禁用时的文字颜色(可选)
final Color? disabledTextColor;
2025-07-11 11:03:21 +08:00
const CustomButton({
super.key,
required this.text,
required this.backgroundColor,
this.borderRadius = 5.0,
this.onPressed,
this.padding,
this.margin,
this.height,
this.textStyle,
2025-08-27 16:14:50 +08:00
this.enabled = true,
this.disabledBackgroundColor,
this.disabledTextColor,
2025-07-11 11:03:21 +08:00
});
@override
Widget build(BuildContext context) {
2025-08-27 16:14:50 +08:00
// 如果 enabled 为 false 或 onPressed 为 null则视为不可点击
final bool isEnabled = enabled && onPressed != null;
// 计算展示用背景色与文字样式
final Color bgColor = isEnabled
? backgroundColor
: (disabledBackgroundColor ?? Colors.grey.shade400);
TextStyle finalTextStyle;
if (textStyle != null) {
finalTextStyle = isEnabled
? textStyle!
: textStyle!.copyWith(
color: disabledTextColor ?? textStyle!.color?.withOpacity(0.8) ?? Colors.white70,
);
} else {
finalTextStyle = TextStyle(
color: isEnabled ? Colors.white : (disabledTextColor ?? Colors.white70),
fontSize: 15,
fontWeight: FontWeight.bold,
);
}
// 点击拦截器 + 视觉反馈(禁用时降低不透明度)
return Opacity(
opacity: isEnabled ? 1.0 : 0.65,
child: AbsorbPointer(
absorbing: !isEnabled,
child: GestureDetector(
onTap: isEnabled ? onPressed : null,
child: Container(
height: height ?? 45, // 默认高度45
padding: padding ?? const EdgeInsets.all(8), // 默认内边距
margin: margin ?? const EdgeInsets.symmetric(horizontal: 5), // 默认外边距
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(borderRadius),
color: bgColor,
),
child: Center(
child: Text(
text,
style: finalTextStyle,
),
2025-07-11 11:03:21 +08:00
),
),
),
),
);
}
}