gradient progress indicator
this package shows a circular progress indicator with gradient colors, and it is possible insert texts inside that.
basic usage
class myapp extends statelesswidget {
// this widget is the root of your application.
@override
widget build(buildcontext context) {
return materialapp(
title: 'flutter demo',
theme: themedata(
primaryswatch: colors.blue,
),
home: scaffold(
backgroundcolor: colors.blue,
body: gradientprogressindicator(
radius: 120,
duration: 3,
strokewidth: 12,
gradientstops: const [
0.2,
0.8,
],
gradientcolors: const [
colors.white,
colors.grey,
],
child: column(
mainaxisalignment: mainaxisalignment.center,
children: [
text(
'some text',
style: textstyle(color: colors.black, fontsize: 18),
),
text(
'another text',
style: textstyle(color: colors.black, fontsize: 18),
),
],
),
),
),
);
}
}
Comments are closed.