Native Contacts Picker

Access the native device address book to select contacts for invites and referrals. Nativine embeds native iOS CNContactPickerViewController and Android ContactsContract picker viewports, allowing users to choose contacts safely with privacy protection.

1. Overview & Native Capabilities

Referral programs and friend invites convert faster when users can pick contacts directly. Nativine's Native Contacts plugin presents OS-native contact selection sheets:

• Native UI Contact Picker: Present official OS contact picker modals; returns only the single contact chosen by the user.
• Full Address Book Search & Filter: Filter contacts by phone number, email address, or name search.
• Privacy-Compliant Scoped Access: Satisfies strict iOS/Android privacy guidelines by avoiding full address book uploading.

2. No-Code App Builder Setup Guide

Nativine App Builder Configuration

1. Open the Nativine App Builder at /web-to-app-converter-pro.
2. Click Add-ons & Plugins in the left builder menu and locate Native Contacts Picker.
3. Toggle Native Contacts Picker to ON (or click Enable), then click Config.
4. Configure your required settings, permissions descriptors, or target web parameters.
5. Click Save Config and navigate to the Builds tab to compile your mobile application.

3. Native JS Bridge API Reference

To present the native contact picker sheet from JavaScript, call nativine.contacts.selectContact():

nativine.contacts.selectContact({
  fields: ['givenName', 'familyName', 'phoneNumbers', 'emailAddresses'],
  callback: 'onContactSelected',
  onCancel: 'onContactPickerCancelled'
});

function onContactSelected(contact) {
  console.log("Selected Name:", contact.givenName, contact.familyName);
  console.log("Selected Phone:", contact.phoneNumbers[0]);
  console.log("Selected Email:", contact.emailAddresses[0]);
}

Parameters

4. Frequently Asked Questions (Q&A)