Download this source code for
5 USD


Download this source code for
5 USD


Download this source code for
5 USD


Download this source code for
5 USD

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),
              ),
            ],
          ),
        ),
      ),
    );
  }
}

gradient progress indicator


Download this source code for
5 USD


Download this source code for
5 USD


Download this source code for
5 USD


Download this source code for
5 USD

Comments are closed.