Skip to main content

BTDeviceList

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​

PropPurpose
FlashList propsAll FlashList props except data, with an optional renderItem override.
itemPropsTouchable row props; onPress(item, index) is called when a default row is pressed.
testIDUsed as the base for generated row test IDs.

The default row is composed from the public compound parts on BTDeviceItem. The app can replace it with renderItem when it needs a different interaction or content layout.

For the richer catalog, use SupportedDevicesCatalogList. For a plain catalog list, see SupportedDeviceList.