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
- WearableProviderIcon
- HealthKit and Health Connect for importing phone health data.
API reference
Every export of @ovok/native/wearables, with signatures, props and types, is in the wearables API reference.
Last updated on