ansu_ui/lib/buttons/as_long_button.dart

import 'package:flutter/material.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart';
import 'package:ansu_ui/styles/as_colors.dart';

class ASLongButton extends StatelessWidget {
  ///按钮文字
  ///动态类型，可以是string或者widget
  final dynamic title;

  ///按钮背景颜色
  final Color? bgColor;

  ///按钮文字颜色
  ///若已定义文字风格则此属性不生效
  final Color? textColor;

  ///圆角
  final double? radius;

  ///按钮文字风格
  final TextStyle? textStyle;

  ///内边距
  final EdgeInsetsGeometry? padding;

  ///是否有边框
  final bool outline;

  ///边框颜色
  final Color? outlineColor;

  ///点击事件
  final VoidCallback? onPressed;

  ///宽度
  final double? width;

  ///不可点击颜色
  final Color? disableColor;

  ///不可点击文字颜色
  final Color? disableTextColor;

  ASLongButton(
      {Key? key,
      required this.title,
      this.bgColor,
      this.textColor,
      this.radius,
      this.textStyle,
      this.padding,
      this.outline = false,
      this.outlineColor,
      this.onPressed,
      this.width,
      this.disableColor,
      this.disableTextColor})
      : super(key: key);

  ASLongButton.solid({
    Key? key,
    this.textStyle,
    this.padding,
    this.outlineColor,
    this.radius,
    required this.title,
    this.onPressed,
    this.width,
    this.disableTextColor,
    this.bgColor = kPrimaryColor,
  })  : textColor = kLightTextColor,
        outline = false,
        disableColor = Color(0xFFC1BDB5),
        super(key: key);
  ASLongButton.hollow(
      {Key? key,
      this.radius,
      this.textStyle,
      this.padding,
      this.onPressed,
      required this.title,
      this.width,
      this.disableColor,
      this.disableTextColor})
      : bgColor = kForegroundColor,
        textColor = kDarkPrimaryColor,
        outline = true,
        outlineColor = kDarkPrimaryColor,
        super(key: key);

  @override
  Widget build(BuildContext context) {
    return MaterialButton(
      minWidth: width ?? 280.w,
      disabledColor: disableColor,
      textColor: textColor ?? kLightTextColor,
      disabledTextColor: disableTextColor,
      materialTapTargetSize: MaterialTapTargetSize.shrinkWrap,
      onPressed: onPressed,
      child: title is String
          ? Text(title, style: textStyle ?? TextStyle(fontSize: 20.sp))
          : title,
      padding:
          padding as EdgeInsetsGeometry? ?? EdgeInsets.symmetric(vertical: 8.w),
      shape: RoundedRectangleBorder(
          side: outline
              ? BorderSide(color: outlineColor!, width: 1.w)
              : BorderSide.none,
          borderRadius: BorderRadius.circular(radius ?? 22.5.w)),
      color: bgColor ?? kForegroundColor,
      elevation: 0,
      highlightElevation: 0,
      splashColor: ColorTool.getSplashColor(bgColor),
    );
  }
}