Fluid Counter

​

Examples

NeoFluidCounter(
  count.value,
  style: theme.textStyles.header2,
),

// Define the formatter at top level or as a static so it has a stable identity.
String _formatCurrency(num n) => '€${n.toStringAsFixed(2)}';

NeoFluidCounter(
  price.value,
  formatter: _formatCurrency,
  style: theme.textStyles.header3,
),

NeoFluidCounter(
  score.value,
  continuous: false,
  style: theme.textStyles.header1,
),

​

Properties

​

Required

​

Content

​

Styling

​

Best Practices

• Use continuous: true for a value that should roll through the steps, such as a score. Use continuous: false when the value jumps and rolling every step would be wrong.

​

Behavior

• An inline formatter is a new function every build, so the roll restarts even when value is unchanged. Pass a top-level, static, or useMemoized function.
• Decimal separators . and , split the roll into an integer group and a fraction group.
• Digits use tabular figures, so columns do not change width during the roll.
• It measures itself like a Text of the formatted value.
• The semantics label is the formatted string.