TF-1711 Fix label displayed overlap for create identity button

(cherry picked from commit aa939af0d136d3d11f13c14ca3b550fe1513d270)
2023-04-24 15:01:59 +07:00
parent 4440b7d315
commit 476b929b90
3 changed files with 88 additions and 34 deletions
@@ -0,0 +1,68 @@
+
+import 'package:core/presentation/extensions/color_extension.dart';
+import 'package:flutter/material.dart';
+import 'package:flutter_svg/flutter_svg.dart';
+
+typedef OnTapMaterialTextIconButton = Function();
+
+class MaterialTextIconButton extends StatelessWidget {
+
+  final String label;
+  final String icon;
+  final OnTapMaterialTextIconButton onTap;
+  final double borderRadius;
+  final double elevation;
+  final double iconSize;
+  final Size? minimumSize;
+  final Color? labelColor;
+  final Color? iconColor;
+  final Color? backgroundColor;
+  final TextStyle? labelStyle;
+  final EdgeInsets? padding;
+
+  const MaterialTextIconButton({
+    Key? key,
+    required this.label,
+    required this.icon,
+    required this.onTap,
+    this.borderRadius = 12,
+    this.elevation = 0,
+    this.iconSize = 24,
+    this.labelColor,
+    this.iconColor,
+    this.backgroundColor,
+    this.padding,
+    this.labelStyle,
+    this.minimumSize
+  }) : super(key: key);
+
+  @override
+  Widget build(BuildContext context) {
+    return ElevatedButton.icon(
+      onPressed: onTap,
+      icon: SvgPicture.asset(
+        icon,
+        width: iconSize,
+        height: iconSize,
+        fit: BoxFit.fill,
+        colorFilter: (iconColor ?? AppColor.colorTextButton).asFilter(),
+      ),
+      label: Text(
+        label,
+        style: labelStyle ?? TextStyle(
+          fontSize: 16,
+          color: labelColor ?? AppColor.colorTextButton,
+          fontWeight: FontWeight.w500
+        ),
+      ),
+      style: ElevatedButton.styleFrom(
+        foregroundColor: labelColor ?? AppColor.colorTextButton,
+        backgroundColor: backgroundColor ?? AppColor.colorCreateNewIdentityButton,
+        elevation: 0,
+        padding: padding,
+        shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(borderRadius)),
+        minimumSize: minimumSize
+      )
+    );
+  }
+}