feat : information_card_widget and use it in poultry since
This commit is contained in:
@@ -0,0 +1,237 @@
|
||||
import 'package:flutter/cupertino.dart';
|
||||
import 'package:rasadyar_core/core.dart';
|
||||
|
||||
class InformationCardData {
|
||||
//card
|
||||
final BoxBorder? cardBorder;
|
||||
final Color? cardBgColor;
|
||||
final LinearGradient? cardGradient;
|
||||
final int? widthLabel;
|
||||
final int? heightLabel;
|
||||
|
||||
//label
|
||||
final String? labelVecIcon;
|
||||
final String? labelSvgIcon;
|
||||
final String? labelTitle;
|
||||
final Color? iconColor;
|
||||
final Color? labelBgColor;
|
||||
final Color? labelTitleColor;
|
||||
final TextStyle? labelTitleStyle;
|
||||
final LinearGradient? labelGradient;
|
||||
final int? widthIcon;
|
||||
final int? heightIcon;
|
||||
final BoxBorder? labelBorder;
|
||||
|
||||
//value
|
||||
final String? value;
|
||||
final TextStyle? valueStyle;
|
||||
final Color? valueColor;
|
||||
final bool isLoading;
|
||||
|
||||
//unit
|
||||
final String? unit;
|
||||
final TextStyle? unitStyle;
|
||||
final Color? unitColor;
|
||||
|
||||
//global
|
||||
final int? width;
|
||||
final int? height;
|
||||
|
||||
InformationCardData({
|
||||
this.labelVecIcon,
|
||||
this.labelBorder,
|
||||
this.labelSvgIcon,
|
||||
this.labelTitle,
|
||||
this.cardBorder,
|
||||
this.iconColor,
|
||||
this.labelBgColor,
|
||||
this.labelTitleColor,
|
||||
this.labelTitleStyle,
|
||||
this.labelGradient,
|
||||
this.value,
|
||||
this.valueStyle,
|
||||
this.valueColor,
|
||||
this.cardBgColor,
|
||||
this.cardGradient,
|
||||
this.isLoading = false,
|
||||
this.unit,
|
||||
this.unitStyle,
|
||||
this.unitColor,
|
||||
this.width,
|
||||
this.height,
|
||||
this.heightIcon,
|
||||
this.widthIcon,
|
||||
this.heightLabel,
|
||||
this.widthLabel,
|
||||
}) : assert(
|
||||
(labelVecIcon != null) ^ (labelSvgIcon != null),
|
||||
'Either labelVecIcon or labelSvgIcon must be provided, but not both.',
|
||||
),
|
||||
assert(isLoading || value != null, 'When isLoading is false, value must not be null.'),
|
||||
assert(
|
||||
(labelBgColor != null) ^ (labelGradient != null),
|
||||
'Either labelBgColor or labelGradient must be provided, but not both.',
|
||||
),
|
||||
assert(
|
||||
(cardBgColor != null) ^ (cardGradient != null),
|
||||
'Either valueBgColor or valueGradient must be provided, but not both.',
|
||||
);
|
||||
|
||||
/// copyWith method
|
||||
InformationCardData copyWith({
|
||||
String? labelVecIcon,
|
||||
String? labelSvgIcon,
|
||||
String? labelTitle,
|
||||
Color? iconColor,
|
||||
Color? labelBgColor,
|
||||
Color? labelTitleColor,
|
||||
TextStyle? labelTitleStyle,
|
||||
LinearGradient? labelGradient,
|
||||
int? widthIcon,
|
||||
int? heightIcon,
|
||||
String? value,
|
||||
TextStyle? valueStyle,
|
||||
Color? valueColor,
|
||||
Color? cardBgColor,
|
||||
LinearGradient? cardGradient,
|
||||
bool? isLoading,
|
||||
String? unit,
|
||||
TextStyle? unitStyle,
|
||||
Color? unitColor,
|
||||
int? width,
|
||||
int? height,
|
||||
BoxBorder? labelBorder,
|
||||
BoxBorder? cardBorder,
|
||||
int? heightLabel,
|
||||
int? widthLabel,
|
||||
}) {
|
||||
return InformationCardData(
|
||||
labelVecIcon: labelVecIcon ?? this.labelVecIcon,
|
||||
labelSvgIcon: labelSvgIcon ?? this.labelSvgIcon,
|
||||
labelTitle: labelTitle ?? this.labelTitle,
|
||||
iconColor: iconColor ?? this.iconColor,
|
||||
labelBgColor: labelBgColor ?? this.labelBgColor,
|
||||
labelTitleColor: labelTitleColor ?? this.labelTitleColor,
|
||||
labelTitleStyle: labelTitleStyle ?? this.labelTitleStyle,
|
||||
labelGradient: labelGradient ?? this.labelGradient,
|
||||
widthIcon: widthIcon ?? this.widthIcon,
|
||||
heightIcon: heightIcon ?? this.heightIcon,
|
||||
value: value ?? this.value,
|
||||
valueStyle: valueStyle ?? this.valueStyle,
|
||||
valueColor: valueColor ?? this.valueColor,
|
||||
cardBgColor: cardBgColor ?? this.cardBgColor,
|
||||
cardGradient: cardGradient ?? this.cardGradient,
|
||||
isLoading: isLoading ?? this.isLoading,
|
||||
unit: unit ?? this.unit,
|
||||
unitStyle: unitStyle ?? this.unitStyle,
|
||||
unitColor: unitColor ?? this.unitColor,
|
||||
width: width ?? this.width,
|
||||
height: height ?? this.height,
|
||||
labelBorder: labelBorder ?? this.labelBorder,
|
||||
cardBorder: cardBorder ?? this.cardBorder,
|
||||
heightLabel: heightLabel ?? this.heightLabel,
|
||||
widthLabel: widthLabel ?? this.widthLabel,
|
||||
);
|
||||
}
|
||||
|
||||
@override
|
||||
String toString() {
|
||||
return 'InformationCardData{cardBorder: $cardBorder, cardBgColor: $cardBgColor, cardGradient: $cardGradient, widthLabel: $widthLabel, heightLabel: $heightLabel, labelVecIcon: $labelVecIcon, labelSvgIcon: $labelSvgIcon, labelTitle: $labelTitle, iconColor: $iconColor, labelBgColor: $labelBgColor, labelTitleColor: $labelTitleColor, labelTitleStyle: $labelTitleStyle, labelGradient: $labelGradient, widthIcon: $widthIcon, heightIcon: $heightIcon, labelBorder: $labelBorder, value: $value, valueStyle: $valueStyle, valueColor: $valueColor, isLoading: $isLoading, unit: $unit, unitStyle: $unitStyle, unitColor: $unitColor, width: $width, height: $height}';
|
||||
}
|
||||
}
|
||||
|
||||
class InformationCard extends StatelessWidget {
|
||||
const InformationCard({super.key, required this.data});
|
||||
|
||||
final InformationCardData data;
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return Container(
|
||||
height: (data.width ?? 100).h,
|
||||
width: (data.height ?? 165).w,
|
||||
decoration: BoxDecoration(borderRadius: BorderRadius.circular(8)),
|
||||
clipBehavior: Clip.none,
|
||||
child: Stack(
|
||||
alignment: Alignment.topCenter,
|
||||
clipBehavior: Clip.none,
|
||||
children: [
|
||||
Positioned(
|
||||
bottom: 0,
|
||||
right: 0,
|
||||
left: 0,
|
||||
child: Container(
|
||||
height: 91.h,
|
||||
decoration: BoxDecoration(
|
||||
color: data.cardBgColor,
|
||||
gradient: data.cardGradient,
|
||||
borderRadius: BorderRadius.circular(8),
|
||||
border: Border.all(width: 0.25, color: const Color(0xFFB4B4B4)),
|
||||
),
|
||||
child: Column(
|
||||
mainAxisAlignment: MainAxisAlignment.center,
|
||||
spacing: 8.h,
|
||||
children: [
|
||||
Text(
|
||||
data.labelTitle ?? '',
|
||||
textAlign: TextAlign.right,
|
||||
style:
|
||||
data.labelTitleStyle ??
|
||||
AppFonts.yekan14.copyWith(
|
||||
color: data.labelTitleColor ?? AppColor.mediumGreyDarkActive,
|
||||
),
|
||||
),
|
||||
|
||||
data.isLoading
|
||||
? CupertinoActivityIndicator()
|
||||
: Text(
|
||||
'${data.value} ${data.unit} ',
|
||||
textAlign: TextAlign.center,
|
||||
style:
|
||||
data.valueStyle ??
|
||||
AppFonts.yekan12.copyWith(
|
||||
color: data.valueColor ?? AppColor.mediumGreyDarkActive,
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
),
|
||||
Positioned(
|
||||
top: -7,
|
||||
child: Container(
|
||||
width: (data.widthLabel ?? 32).w,
|
||||
height: (data.heightLabel ?? 32).h,
|
||||
decoration: ShapeDecoration(
|
||||
color: data.labelBgColor,
|
||||
shape: RoundedRectangleBorder(
|
||||
borderRadius: BorderRadius.circular(30),
|
||||
side: BorderSide(width: 0.25, color: const Color(0xFFD5D5D5)),
|
||||
),
|
||||
),
|
||||
child: Center(
|
||||
child: data.labelVecIcon != null
|
||||
? SvgGenImage.vec(data.labelVecIcon!).svg(
|
||||
width: (data.widthIcon ?? 24).w,
|
||||
height: (data.heightIcon ?? 24).h,
|
||||
colorFilter: ColorFilter.mode(
|
||||
data.iconColor ?? AppColor.mediumGreyDarkActive,
|
||||
BlendMode.srcIn,
|
||||
),
|
||||
)
|
||||
: SvgGenImage(data.labelSvgIcon!).svg(
|
||||
width: (data.widthIcon ?? 24).w,
|
||||
height: (data.heightIcon ?? 24).h,
|
||||
colorFilter: ColorFilter.mode(
|
||||
data.iconColor ?? AppColor.mediumGreyDarkActive,
|
||||
BlendMode.srcIn,
|
||||
),
|
||||
),
|
||||
),
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user