Feedback

Circular Progress

Displays an indeterminate circular indicator showing the completion progress of a task.

1@override
2Widget build(BuildContext _) => const Row(
3 mainAxisAlignment: .center,
4 spacing: 25,
5 children: [
6 FCircularProgress(),
7 FCircularProgress.loader(),
8 FCircularProgress.pinwheel(),
9 ],
10);
11

CLI

To generate and customize this style:

dart run forui style create circular-progress

Usage

FCircularProgress(...)

1FCircularProgress(
2 style: .delta(iconStyle: .delta()),
3 icon: FIcons.loaderCircle,
4 semanticsLabel: 'Loading',
5)

FCircularProgress.loader(...)

1FCircularProgress.loader(
2 style: .delta(iconStyle: .delta()),
3 semanticsLabel: 'Loading',
4)

FCircularProgress.pinwheel(...)

1FCircularProgress.pinwheel(
2 style: .delta(iconStyle: .delta()),
3 semanticsLabel: 'Loading',
4)

On this page