@teamhive/capacitor-contact-picker

Allows users to select one or many contacts from their device.

Usage no npm install needed!

<script type="module">
  import teamhiveCapacitorContactPicker from 'https://cdn.skypack.dev/@teamhive/capacitor-contact-picker';
</script>

README

@teamhive/capacitor-contact-picker

This package allows you to use the native contact picker UI on Android or iOS for receiving contact information. iOS supports selecting multiple contacts. Android only support single selection. Both platforms will return the same payload structure, where the data exists.

Installation

yarn add @teamhive/capacitor-contact-picker
// or
npm i @teamhive/capacitor-contact-picker

Android

Register the plugin class in your MainActivity.java:

import com.teamhive.capacitor.ContactPicker;

public class MainActivity extends BridgeActivity {
    @Override
    public void onCreate(Bundle savedInstanceState) {
        ...
        add(ContactPicker.class);
    }
}

Usage

import { Plugins } from '@capacitor/core';

const { ContactPicker } = Plugins;

async openPicker() {
    const res = await ContactPicker.open();
    // res.value is an array of contacts
}