62 lines
1.9 KiB
Dart
62 lines
1.9 KiB
Dart
import 'package:flutter/material.dart';
|
|
import 'package:flutter_spinkit/flutter_spinkit.dart';
|
|
|
|
class LoadingButton extends StatelessWidget {
|
|
final Widget child;
|
|
final Function()? onPressed;
|
|
final bool loading;
|
|
final double? width;
|
|
final double? height;
|
|
final double radius;
|
|
final Color? color;
|
|
final Color? backgroundColor;
|
|
final bool isOutlined;
|
|
const LoadingButton(
|
|
{super.key,
|
|
required this.child,
|
|
this.onPressed,
|
|
this.loading = false,
|
|
this.width,
|
|
this.height,
|
|
this.color,
|
|
this.radius = 12,
|
|
this.isOutlined = false,
|
|
this.backgroundColor});
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return Stack(
|
|
children: [
|
|
SizedBox(
|
|
width: width,
|
|
height: height,
|
|
child: ElevatedButton(
|
|
style: ElevatedButton.styleFrom(
|
|
backgroundColor: isOutlined
|
|
? backgroundColor ??
|
|
Theme.of(context).scaffoldBackgroundColor
|
|
: color ?? Theme.of(context).colorScheme.primary,
|
|
shape: RoundedRectangleBorder(
|
|
side: isOutlined
|
|
? BorderSide(
|
|
color: color ?? const Color(0xFF000000), width: 2)
|
|
: BorderSide.none,
|
|
borderRadius: BorderRadius.circular(radius))),
|
|
onPressed: loading ? () {} : onPressed,
|
|
child: Opacity(opacity: loading ? 0 : 1, child: child)),
|
|
),
|
|
if (loading)
|
|
Positioned.fill(
|
|
child: Center(
|
|
child: SpinKitThreeBounce(
|
|
color: isOutlined
|
|
? color ?? Theme.of(context).colorScheme.primary
|
|
: Colors.white,
|
|
size: height != null ? height! / 2 : 20,
|
|
),
|
|
))
|
|
],
|
|
);
|
|
}
|
|
}
|