Skip to main content

Tile.MeasuringSpinner

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

Quick Example​

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

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

export default MeasuringSpinnerExample;

Props​

PropTypeRequiredDefaultDescription
testIDstring--Test identifier for automated testing

Inherits all ActivityIndicatorProps from React Native Paper

Component Behavior​

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

Styling​

Theme Colors Used​

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