Tile.MeasuringSpinner

Simple loading indicator component that displays during active measurements, providing visual feedback that the device is currently taking a measurement.

Quick ExampleCopy Anchor Link

import { Tile } from "@ovok/native";
import React from "react";

const MeasuringSpinnerExample = () => {
  return (
    <Tile isMeasuring={true}>
      <Tile.MeasuringSpinner testID="measurement-spinner" />
    </Tile>
  );
};

export default MeasuringSpinnerExample;

PropsCopy Anchor Link

Every prop, with its type and description, is listed in the @ovok/native/tile API reference.

Component BehaviorCopy Anchor Link

The MeasuringSpinner component:

1. Size: Defaults to the small size; ActivityIndicatorProps can override it
2. Color: Defaults to the theme primary color; ActivityIndicatorProps can override it
3. Animation: Continuous rotation animation indicating active measurement
4. Integration: Designed to replace other content during measurement state

StylingCopy Anchor Link

Theme Colors UsedCopy Anchor Link

• theme.colors.primary - Spinner color for brand consistency

Related ComponentsCopy Anchor Link

• Tile.MeasuredValue - Result display after measurement
• Tile.Status - Device status when not measuring
• Tile.CompleteAnimation - Success animation after measurement