0 purchases
Description:
rounded loading button gradient
Rounded Loading Button Gradient #
A new Flutter package.
Getting Started #
For work reason I needed to change some properties so I built this widget with rounded_loading_button in mind.
I have added icons, optionally added loading widgets, gradient color,...
Since I'm a newbie, I'm looking forward to everyone's suggestions, thanks.
Get an idea from a package on pub.dev
Link rounded loading: rounded_loading_button.
Required version #
SDK: ">=2.12.0 <3.0.0"
FLUTTER: ">=2.0.0"
Example #
This example has extra packages flutter_spinkit .
No gradients:
Gif:
class MyExample extends StatelessWidget {
final EasyEverythingButtonController controller =
EasyEverythingButtonController();
final duration = 800;
@override
Widget build(BuildContext context) {
return Scaffold(
body: SizedBox.expand(
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
children: [
Padding(
padding: const EdgeInsets.symmetric(horizontal: 0),
child: EasyEverythingButton(
controller: controller,
durationAnimation: duration,
widgetLoading: SpinKitSquareCircle(
color: Colors.white,
size: 20,
),
onTap: () async {
controller.start();
await fetchData();
controller.success();
await Future.delayed(Duration(milliseconds: duration));
controller.stop();
},
iconRight: Icons.ac_unit,
iconLeft: Icons.add,
),
)
],
),
),
);
}
Future<void> fetchData() async {
await Future.delayed(Duration(seconds: 2));
return;
}
}
copied to clipboard
Gradients:
Gif:
class MyExample extends StatelessWidget {
final EasyEverythingButtonController controller =
EasyEverythingButtonController();
final duration = 800;
@override
Widget build(BuildContext context) {
return Scaffold(
body: SizedBox.expand(
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
children: [
Padding(
padding: const EdgeInsets.symmetric(horizontal: 0),
child: EasyEverythingButton(
controller: controller,
disableButton: false,
gradient: LinearGradient(
colors: [Colors.red, Colors.blue],
begin: Alignment.centerLeft,
end: Alignment.centerRight,
),
gradientSucess: LinearGradient(
colors: [Colors.red, Colors.blue],
begin: Alignment.centerLeft,
end: Alignment.centerRight,
),
gradientError: LinearGradient(
colors: [Colors.red, Colors.blue],
begin: Alignment.centerLeft,
end: Alignment.centerRight,
),
durationAnimation: duration,
widgetLoading: SpinKitSquareCircle(
color: Colors.white,
size: 20,
),
onTap: () async {
controller.start();
await fetchData();
controller.error();
await Future.delayed(Duration(milliseconds: duration));
controller.stop();
},
iconRight: Icons.ac_unit,
iconLeft: Icons.add,
),
)
],
),
),
);
}
Future<void> fetchData() async {
await Future.delayed(Duration(seconds: 2));
return;
}
}
copied to clipboard
License
For personal and professional use. You cannot resell or redistribute these repositories in their original state.
Files In This Product:
Customer Reviews
There are no reviews.
