GuidesModules

Wearables

Show a wearable provider's icon and display name.

  • Stable unknown
  • Release candidate since 1.16.1-rc.3
  • Development since 1.16.1-dev.2111+9796905

@ovok/native/wearables draws an icon for each wearable provider supported by the @ovok/core wearables namespace, and for Apple Health and Health Connect. WEARABLE_PROVIDERS holds each provider's display name, brand color and monogram, so a connections screen can list providers without its own lookup table.

import { WEARABLE_PROVIDERS, WearableProviderIcon } from "@ovok/native/wearables";

function ProviderRow({ provider }: { provider: "polar" | "apple-health" }) {
  return (
    <View style={{ flexDirection: "row", gap: 8 }}>
      <WearableProviderIcon provider={provider} size={32} />
      <Text>{WEARABLE_PROVIDERS[provider].name}</Text>
    </View>
  );
}

The icons are monograms, not the providers' logos, and carry the provider's name as their accessibility label.

Components

API reference

Every export of @ovok/native/wearables, with signatures, props and types, is in the wearables API reference.

Last updated on

On this page