Skip to content

Indicator

Ivan Galkin edited this page Jan 1, 2024 · 1 revision

CircularIndicator

Circular indicator component with solid color, decomposed by platform.
There is no basic componen, the circular indicators are divided into separate widgets based on color and size.
Example of using a ready-made component:

const FPCPrimarySmallCircularIndicator(),
const FPCPrimaryCircularIndicator(),
const FPCPrimaryLargeCircularIndicator(),
iOS (Cupertino) Android (Material)

GradientCircularIndicator

Circular indicator component with gradient color, decomposed by platform.
Example of using a ready-made component:

const FPCPrimaryGradientSmallCircularIndicator(),
const FPCPrimaryGradientCircularIndicator(),
const FPCPrimaryGradientLargeCircularIndicator(),
iOS (Cupertino) Android (Material)

FPCPageIndicator

Page indicator component with solid color, ideal for displaying the current page index of the carousel.
Example of using a ready-made component:

FPCPrimaryPageIndicator(
  length: 4,
  index: index,
),

FPCGradientPageIndicator

Page indicator component with gradient color, ideal for displaying the current page index of the carousel.
Example of using a ready-made component:

FPCPrimaryGradientPageIndicator(
  length: 4,
  index: index,
),

FPCProgressIndicator

Progress indicator component with solid color, needed to display the progress level.
Example of using a ready-made component:

FPCPrimaryProgressIndicator(
  value: value,
),

FPCStoryIndicator

Story indicator component with solid color, needed to display the steps and the progress level.
Example of using a ready-made component:

FPCPrimaryStoryIndicator(
  length: 4,
  index: index,
  value: value,
),

Clone this wiki locally