phamngochai123/react-native-call-log

call-log package for android for react-native

call log package for android in react-native

Installation:

Run npm install --save https://github.com/wscodelabs/react-native-call-log

Android

Option: Automatic(with rnpm)

react-native link

Option: Manually

• Edit your android/settings.gradle to look like this (exclude +)

+ include ':react-native-call-log'
+ project(':react-native-call-log').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-call-log/android')

• Edit your android/app/build.gradle (note: app folder) to look like this (exclude +)

dependencies {
+ compile project(':react-native-call-log')
   compile fileTree(dir: "libs", include: ["*.jar"])
   compile "com.android.support:appcompat-v7:23.0.1"
   compile "com.facebook.react:react-native:+"
}

• Edit your MainApplication.java from ( android/app/src/main/java/...) to look like this (exclude +)

+ import com.wscodelabs.callLogs.CallLogPackage;

@Override
    protected List<ReactPackage> getPackages() {
      return Arrays.<ReactPackage>asList(
          new MainReactPackage(),
+         new CallLogPackage()
      );
    }

Permission

Add permission to android/app/src/mainAndroidMenifest.xml file

 <uses-permission android:name="android.permission.READ_CALL_LOG"></uses-permission>

Usage

 import CallLogs from 'react-native-call-log'
 
 // fetch call logs data
 
 CallLogs.show((logs) =>{
  // parse logs into json format
   const parsedLogs = JSON.parse(logs);
   
  // logs data format
  /*
    [
      { 
        phoneNumber: '9889789797', 
        callType: 'OUTGOING | INCOMING | MISSED',
        callDate: timestamp,
        callDuration: 'duration of call in sec',
        callDayTime: Date()
      },
      .......
     ]
  */
 });

Example

Clone or download the repository then Run cd Example && npm install

Screenshot