react-native-contacts returns undefined

Question

I'm tryna get the contacts list of the device but react-native-contacts returns undefined.

I've Installed the package and linked it as mentioned in the project's GitHub page https://github.com/rt2zz/react-native-contacts

I've also added the permissions to the android-manifest file. How do I get it works

put your code here. I think problem is in your app.js file. – Ajith Pandian Jul 23 '17 at 21:22 — Ajith Pandian, Jul 23 '17 at 21:22

score 4 · Accepted Answer · answered Jul 24 '17 at 03:44

This happens mostly because of the linking-step was missing as there are native modules required:

After npm install react-native-contacts (or yarn add) you are required to link the stuff with

react-native link react-native-contacts

Afterwards you need to rebuild your project (react-native run-android or build in Android Studio). Just to "Reload" in Simulator or on Device is not sufficient after linking a native library.

Also some more permissions needs to be placed in AndroidManifest.xml:

<uses-permission android:name="android.permission.READ_PROFILE" />
<uses-permission android:name="android.permission.READ_CONTACTS" />
<uses-permission android:name="android.permission.WRITE_CONTACTS" />

score 0 · Answer 2 · edited Oct 24 '17 at 07:23

My stack :

react-native: 0.45.1
react-native-contacts: ^1.0.0"

I was still getting the error after linking the module as specified above. Finally resolved the issue after adding the following to ReactNativeContacts.java (/node_modules/react-native-contacts/android/src/main/java/com/rt2zz/reactnativecontacts):

import com.facebook.react.bridge.JavaScriptModule;

@override public List<Class<? extends JavaScriptModule>> createJSModules() { return Collections.emptyList(); }

react-native-contacts returns undefined

2 Answers2

Linked