81 lines
2 KiB
Dart
81 lines
2 KiB
Dart
import 'package:flutter/material.dart';
|
|
|
|
class GradientButton extends StatelessWidget {
|
|
final List<Color> linearGradientColors;
|
|
final Function onTap;
|
|
final Widget child;
|
|
// text is ignored if child is specified
|
|
final String text;
|
|
// nullable
|
|
final IconData iconData;
|
|
// padding between the text and icon
|
|
final double paddingValue;
|
|
|
|
const GradientButton({
|
|
Key key,
|
|
this.child,
|
|
this.linearGradientColors = const [
|
|
Color(0xFF2CD267),
|
|
Color(0xFF1DB954),
|
|
],
|
|
this.onTap,
|
|
this.text,
|
|
this.iconData,
|
|
this.paddingValue = 0.0,
|
|
}) : super(key: key);
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
Widget buttonContent;
|
|
if (child != null) {
|
|
buttonContent = child;
|
|
} else if (iconData == null) {
|
|
buttonContent = Text(
|
|
text,
|
|
style: const TextStyle(
|
|
color: Colors.white,
|
|
fontWeight: FontWeight.w600,
|
|
fontFamily: 'Inter-SemiBold',
|
|
fontSize: 18,
|
|
),
|
|
);
|
|
} else {
|
|
buttonContent = Row(
|
|
mainAxisAlignment: MainAxisAlignment.center,
|
|
crossAxisAlignment: CrossAxisAlignment.center,
|
|
children: [
|
|
Icon(
|
|
iconData,
|
|
color: Colors.white,
|
|
),
|
|
Padding(padding: EdgeInsets.all(paddingValue)),
|
|
Text(
|
|
text,
|
|
style: const TextStyle(
|
|
color: Colors.white,
|
|
fontWeight: FontWeight.w600,
|
|
fontFamily: 'Inter-SemiBold',
|
|
fontSize: 18,
|
|
),
|
|
),
|
|
],
|
|
);
|
|
}
|
|
return InkWell(
|
|
onTap: onTap,
|
|
child: Container(
|
|
height: 56,
|
|
decoration: BoxDecoration(
|
|
gradient: LinearGradient(
|
|
begin: const Alignment(0.1, -0.9),
|
|
end: const Alignment(-0.6, 0.9),
|
|
colors: linearGradientColors,
|
|
),
|
|
borderRadius: BorderRadius.circular(8),
|
|
),
|
|
child: Center(child: buttonContent),
|
|
),
|
|
);
|
|
}
|
|
}
|