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

Prop	Type	Required	Default	Description
testID	string	-	-	Test identifier for automated testing

Inherits all ActivityIndicatorProps from React Native Paper

Component Behavior

The MeasuringSpinner component:

1. Size: Fixed small size for consistent appearance in tiles
2. Color: Uses theme primary color for brand consistency
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

Related Components

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