Flutter控件之基类Widget封装

InkWell(
onLongPress: (){
print("长按事件");
      },
onDoubleTap: (){
print("双击事件");
      },
onTap: (){
print("点击事件");
      }
child: Container()
)

returnGestureDetector(
child: constText("首页"),
onLongPress: (){
print("长按事件");
      },
onDoubleTap: (){
print("双击事件");
      },
onTap: (){
print("点击事件");
      },
onPanDown: (DragDownDetailsdetail) {
// 手指按下的相对于屏幕的位置print("手指按下回调");
      },
onPanUpdate: (DragUpdateDetailsdetail) {
print("手指滑动回调");
      },
onPanEnd: (DragEndDetailsdetail) {
print("手指停止滑动回调");
      },
// 垂直方向拖动事件onVerticalDragUpdate: (DragUpdateDetailsdetails) {
      },
// 水平方向拖动事件onHorizontalDragUpdate: (DragUpdateDetailsdetails) {
      },
    );

returnInkResponse(
child: constText("点击"),
onTap: () {
//点击事件print("点击事件");
      },
onLongPress: () {
//长按事件print("长按事件");
      },
onDoubleTap: () {
//双击事件print("双击事件");
      },
    );

returnListener(
child: Container(
child: constText("测试"),
      ),
//手指按下回调onPointerDown: (PointerDownEventevent) {},
//手指移动回调onPointerMove: (PointerMoveEventevent) {},
//手指抬起回调onPointerUp: (PointerUpEventevent) {},
//触摸事件取消回调onPointerCancel: (PointerCancelEventevent) {},
    );

import'package:flutter/material.dart';
///AUTHOR:AbnerMing///DATE:2023/5/11///INTRODUCE:控件无状态基类classBaseWidgetextendsStatelessWidget {
finalVoidCallback?onClick; //点击事件finalVoidCallback?onDoubleClick; //双击事件finalVoidCallback?onLongPress; //长按事件finaldouble?width; //宽度finaldouble?height; //高度finaldouble?margin; //外边距，左上右下finaldouble?marginLeft; //外边距，距离左边finaldouble?marginTop; //外边距，距离上边finaldouble?marginRight; //外边距，距离右边finaldouble?marginBottom; //外边距，距离下边finaldouble?padding; //内边距，左上右下finaldouble?paddingLeft; //内边距，距离左边finaldouble?paddingTop; //内边距，距离上边finaldouble?paddingRight; //内边距，距离右边finaldouble?paddingBottom; //内边距，距离下边finalColor?backgroundColor; //背景颜色 和 decoration 二者取其一finaldouble?strokeWidth; //背景边框统一的宽度finalColor?strokeColor; //背景边框的颜色finalColor?solidColor; //背景填充颜色finaldouble?radius; //背景的角度finalbool?isCircle; //背景是否是圆形finaldouble?leftTopRadius; //背景左上角度finaldouble?rightTopRadius; //背景 右上角度finaldouble?leftBottomRadius; //背景 左下角度finaldouble?rightBottomRadius; //背景 右下角度finalWidget?childWidget; //子控件finalAlignment?alignment; //位置finalint?gradient; //渐变方式，为支持后续拓展，用int类型finalList<Color>?gradientColorList; //渐变颜色finalList<double>?gradientColorStops; //颜色值梯度，取值范围[0,1]finalAlignment?gradientBegin; //渐变起始位置finalAlignment?gradientEnd; //渐变结束位置//边框的颜色constBaseWidget(
      {super.key,
this.width,
this.height,
this.margin,
this.marginLeft,
this.marginTop,
this.marginRight,
this.marginBottom,
this.padding,
this.paddingLeft,
this.paddingTop,
this.paddingRight,
this.paddingBottom,
this.backgroundColor,
this.strokeWidth,
this.strokeColor,
this.solidColor,
this.radius,
this.isCircle,
this.leftTopRadius,
this.rightTopRadius,
this.leftBottomRadius,
this.rightBottomRadius,
this.childWidget,
this.alignment,
this.gradient,
this.gradientColorList,
this.gradientColorStops,
this.gradientBegin,
this.gradientEnd,
this.onClick,
this.onDoubleClick,
this.onLongPress});
@overrideWidgetbuild(BuildContextcontext) {
returnInkWell(
highlightColor: Colors.transparent,
// 透明色splashColor: Colors.transparent,
// 透明色onTap: onClick,
onDoubleTap: onDoubleClick,
onLongPress: onLongPress,
child: Container(
width: width,
height: height,
alignment: alignment,
margin: margin!=null?EdgeInsets.all(margin!)
              : EdgeInsets.only(
left: marginLeft!=null?marginLeft! : 0,
top: marginTop!=null?marginTop! : 0,
right: marginRight!=null?marginRight! : 0,
bottom: marginBottom!=null?marginBottom! : 0),
padding: padding!=null?EdgeInsets.all(padding!)
              : EdgeInsets.only(
left: paddingLeft!=null?paddingLeft! : 0,
top: paddingTop!=null?paddingTop! : 0,
right: paddingRight!=null?paddingRight! : 0,
bottom: paddingBottom!=null?paddingBottom! : 0,
                ),
color: backgroundColor,
decoration: backgroundColor!=null?null : getDecoration(),
child: childWidget??getWidget(context),
        ));
  }
/** 获取Decoration* */Decoration?getDecoration() {
BorderRadiusGeometry?borderRadiusGeometry;
if (radius!=null) {
//所有的角度borderRadiusGeometry=BorderRadius.all(Radius.circular(radius!));
    } else {
//否则就是，各个角度borderRadiusGeometry=BorderRadius.only(
topLeft: Radius.circular(leftTopRadius!=null?leftTopRadius! : 0),
topRight:
Radius.circular(rightTopRadius!=null?rightTopRadius! : 0),
bottomLeft:
Radius.circular(leftBottomRadius!=null?leftBottomRadius! : 0),
bottomRight: Radius.circular(
rightBottomRadius!=null?rightBottomRadius! : 0));
    }
Gradient?tGradient;
if (gradient!=null) {
tGradient=LinearGradient(
colors: gradientColorList!=null?gradientColorList! : [],
// 设置有哪些渐变色begin: gradientBegin!=null?gradientBegin! : Alignment.centerLeft,
// 渐变色开始的位置，默认 centerLeftend: gradientEnd!=null?gradientEnd! : Alignment.centerRight,
// 渐变色结束的位置，默认 centerRightstops: gradientColorStops, // 颜色值梯度，取值范围[0,1]，长度要和 colors 的长度一样      );
    }
Decoration?widgetDecoration=BoxDecoration(
gradient: tGradient,
//背景颜色color: solidColor!=null?solidColor! : Colors.transparent,
//圆角半径borderRadius: isCircle==true?null : borderRadiusGeometry,
//是否是圆形shape: isCircle==true?BoxShape.circle : BoxShape.rectangle,
//边框线宽、颜色border: Border.all(
width: strokeWidth!=null?strokeWidth! : 0,
color: strokeColor!=null?strokeColor! : Colors.transparent),
    );
returnwidgetDecoration;
  }
/** 获取控件* */Widget?getWidget(BuildContextcontext) {
returnnull;
  }
}

returnBaseWidget(
childWidget: constText("测试文本"),
margin: 10,
onClick: () {
//点击事件      },
    );

classSelfTextextendsBaseWidget {
finalString?text;
constSelfText(this.text,
      {super.key,
super.width,
super.height,
super.margin,
super.marginLeft,
super.marginTop,
super.marginRight,
super.marginBottom,
super.padding,
super.paddingLeft,
super.paddingTop,
super.paddingRight,
super.paddingBottom,
super.backgroundColor,
super.strokeWidth,
super.strokeColor,
super.solidColor,
super.radius,
super.isCircle,
super.leftTopRadius,
super.rightTopRadius,
super.leftBottomRadius,
super.rightBottomRadius,
super.childWidget,
super.alignment,
super.onClick,
super.onDoubleClick,
super.onLongPress});
@overrideWidget?getWidget(BuildContextcontext) {
returnText(text!);
  }
}

returnSelfText(
"测试文本",
margin: 10,
onClick: () {
//点击事件      },
    );