GuidesComponentsBluetooth device UI

BTDeviceList

Render the SDK device rows and connection statuses from DeviceListProvider.

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

BTDeviceList renders the current list from DeviceListProvider as a FlashList. Each default row shows the translated title and subtitle, a status label, an image, and an Instructions label. Provide itemProps.onPress to wire row taps to your instructions screen; the component does not navigate by itself.

Import it from @ovok/native/bt-device.

Basic usage

import {
  BTDeviceList,
  DeviceListProvider,
} from "@ovok/native/bt-device";

<DeviceListProvider>
  <BTDeviceList
    itemProps={{
      onPress: (item) => openInstructions(item.deviceType),
    }}
  />
</DeviceListProvider>;

The component owns its data source from the device-list context; you do not pass a data prop. It forwards the other FlashList props and accepts an optional custom renderItem.

Props

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

Last updated on

On this page