104 lines
3.6 KiB
Dart
104 lines
3.6 KiB
Dart
|
import 'package:flutter/material.dart';
|
||
|
|
import 'package:loading_animation_widget/loading_animation_widget.dart';
|
||
|
|
import 'package:sk_base_mobile/app_theme.dart';
|
||
|
|
import 'package:sk_base_mobile/constants/constants.dart';
|
||
|
|
import 'package:sk_base_mobile/util/screen_adaper_util.dart';
|
||
|
|
import 'package:sk_base_mobile/widgets/core/sk_ink.dart';
|
||
|
|
|
||
|
|
class GradientButton extends StatelessWidget {
|
||
|
|
final VoidCallback? onPressed;
|
||
|
|
final bool isLoading;
|
||
|
|
final String buttonText;
|
||
|
|
final Icon? icon;
|
||
|
|
final BorderRadius? borderRadius;
|
||
|
|
const GradientButton(
|
||
|
|
{super.key,
|
||
|
|
this.buttonText = TextEnum.createInventoryInOutBtnText,
|
||
|
|
this.onPressed,
|
||
|
|
this.icon,
|
||
|
|
this.borderRadius,
|
||
|
|
this.isLoading = false});
|
||
|
|
@override
|
||
|
|
Widget build(BuildContext context) {
|
||
|
|
return SkInk(
|
||
|
|
borderRadius: borderRadius,
|
||
|
|
onTap: onPressed ?? () {},
|
||
|
|
gradient: const LinearGradient(
|
||
|
|
colors: [AppTheme.primaryColorLight, AppTheme.primaryColor]),
|
||
|
|
child: SizedBox(
|
||
|
|
height: ScreenAdaper.height(80),
|
||
|
|
child: Row(
|
||
|
|
crossAxisAlignment: CrossAxisAlignment.center,
|
||
|
|
mainAxisAlignment: MainAxisAlignment.center,
|
||
|
|
children: [
|
||
|
|
if (icon != null) ...[
|
||
|
|
icon!,
|
||
|
|
SizedBox(
|
||
|
|
width: ScreenAdaper.width(10),
|
||
|
|
)
|
||
|
|
],
|
||
|
|
isLoading
|
||
|
|
? LoadingAnimationWidget.fourRotatingDots(
|
||
|
|
color: AppTheme.nearlyWhite,
|
||
|
|
size: ScreenAdaper.height(40),
|
||
|
|
)
|
||
|
|
: Text(
|
||
|
|
buttonText,
|
||
|
|
style: TextStyle(
|
||
|
|
color: AppTheme.nearlyWhite,
|
||
|
|
fontWeight: FontWeight.bold,
|
||
|
|
fontSize: ScreenAdaper.height(25),
|
||
|
|
),
|
||
|
|
)
|
||
|
|
])),
|
||
|
|
);
|
||
|
|
|
||
|
|
// ElevatedButton(
|
||
|
|
// style: ButtonStyle(
|
||
|
|
// backgroundColor:
|
||
|
|
// MaterialStateProperty.all<Color>(AppTheme.primaryColor),
|
||
|
|
// minimumSize: MaterialStateProperty.all<Size>(
|
||
|
|
// Size(double.infinity, ScreenAdaper.height(80))),
|
||
|
|
// shape: MaterialStateProperty.all<RoundedRectangleBorder>(
|
||
|
|
// RoundedRectangleBorder(
|
||
|
|
// borderRadius: borderRadius ?? BorderRadius.circular(10),
|
||
|
|
// ),
|
||
|
|
// ),
|
||
|
|
// ),
|
||
|
|
// onPressed: onPressed ?? () => {},
|
||
|
|
// child: Text(
|
||
|
|
// buttonText,
|
||
|
|
// style: TextStyle(
|
||
|
|
// color: AppTheme.nearlyWhite,
|
||
|
|
// fontWeight: FontWeight.bold,
|
||
|
|
// fontSize: ScreenAdaper.height(25),
|
||
|
|
// ),
|
||
|
|
// ),
|
||
|
|
// child: Row(
|
||
|
|
// crossAxisAlignment: CrossAxisAlignment.center,
|
||
|
|
// mainAxisAlignment: MainAxisAlignment.center,
|
||
|
|
// children: [
|
||
|
|
// if (icon != null) ...[
|
||
|
|
// icon!,
|
||
|
|
// SizedBox(
|
||
|
|
// width: ScreenAdaper.width(10),
|
||
|
|
// )
|
||
|
|
// ],
|
||
|
|
// isLoading
|
||
|
|
// ? LoadingAnimationWidget.fourRotatingDots(
|
||
|
|
// color: AppTheme.nearlyWhite,
|
||
|
|
// size: ScreenAdaper.height(40),
|
||
|
|
// )
|
||
|
|
// : Text(
|
||
|
|
// buttonText,
|
||
|
|
// style: TextStyle(
|
||
|
|
// color: AppTheme.nearlyWhite,
|
||
|
|
// fontWeight: FontWeight.bold,
|
||
|
|
// fontSize: ScreenAdaper.height(25),
|
||
|
|
// ),
|
||
|
|
// )
|
||
|
|
// ]),
|
||
|
|
// );
|
||
|
|
}
|
||
|
|
}
|