ansu_ui/lib/buttons/as_bottom_button.dart

import 'package:flutter/material.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart';

class ASBottomButton extends StatefulWidget {
  ///动态组件，可以是字符或组件
  final dynamic title;

  ///颜色
  final Color bgcolor;

  ///文字颜色
  final Color textColor;

  ///文字风格
  final TextStyle textStyle;

  ///内边距
  final EdgeInsetsGeometry padding;

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

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

  ///宽度
  final double width;

  ///渐变起始位置
  final AlignmentGeometry begin;

  ///渐变结束位置
  final AlignmentGeometry end;

  ///渐变颜色
  final List<Color> colors;

  ///点击事件
  final VoidCallback onPressed;

  ASBottomButton(
      {Key key,
      this.title,
      this.bgcolor,
      this.textColor,
      this.textStyle,
      this.padding,
      this.disableColor,
      this.disableTextColor,
      this.width,
      this.begin,
      this.end,
      this.colors,
      this.onPressed})
      : super(key: key);

  ASBottomButton.infinity({
    Key key,
    @required this.title,
    this.onPressed,
    this.textStyle,
    this.padding,
    this.disableColor,
    this.disableTextColor,
    this.begin,
    this.end,
    this.colors,
  })  : bgcolor = Color(0xFFF6B72D),
        textColor = Color(0xFFFFFFFF),
        width = double.infinity,
        super(key: key);

  ASBottomButton.gradient(
      {Key key,
      @required this.title,
      this.onPressed,
      this.bgcolor,
      this.textStyle,
      this.padding,
      this.disableColor,
      this.disableTextColor,
      this.begin,
      this.end})
      : colors = [Color(0xFFFFA700), Color(0xFFFFBD00)],
        textColor = Color(0xFFFFFFFF),
        width = double.infinity,
        super(key: key);
  ASBottomButton.shortWhite({
    Key key,
    @required this.title,
    this.onPressed,
    this.bgcolor,
    this.textStyle,
    this.padding,
    this.disableColor,
    this.disableTextColor,
    this.begin,
    this.end,
  })  : colors = [Color(0xFFFBFBFB), Color(0xFFFFFFFF)],
        textColor = Color(0xFFFFB800),
        width = double.infinity,
        super(key: key);

  @override
  _ASBottomButtonState createState() => _ASBottomButtonState();
}

class _ASBottomButtonState extends State<ASBottomButton> {
  @override
  Widget build(BuildContext context) {
    return Container(
      padding: EdgeInsets.only(bottom: MediaQuery.of(context).padding.bottom),
      width: widget.width ?? double.infinity,
      decoration: BoxDecoration(
        gradient: LinearGradient(
            begin: widget.begin ?? Alignment.bottomRight,
            end: widget.end ?? Alignment.topLeft,
            colors: widget.colors ?? [widget.bgcolor, widget.bgcolor]),
      ),
      child: MaterialButton(
        onPressed: widget.onPressed,
        textColor: widget.textColor ?? Color(0xFFFFFFFF),
        disabledColor: widget.disableColor,
        disabledTextColor: widget.disableTextColor,
        padding: widget.padding ??
            EdgeInsets.symmetric(
              vertical: 13.w,
            ),
        elevation: 0,
        hoverElevation: 0,
        highlightElevation: 0,
        focusElevation: 0,
        materialTapTargetSize: MaterialTapTargetSize.shrinkWrap,
        child: widget.title is String
            ? Text(widget.title,
                style: widget.textStyle ??
                    TextStyle(fontSize: 20.sp, fontWeight: FontWeight.bold))
            : widget.title,
      ),
    );
  }
}