react-native-callkeep

import RNCallKeep from 'react-native-callkeep'; import { PermissionsAndroid, Platform } from 'react-native'; import 'react-native-get-random-values'; // Polyfill for crypto for UUID generation import { v4 as uuidv4 } from 'uuid'; // Recommended UUID library const setupCallKeep = async () => { const options = { ios: { appName: 'My VoIP App', imageName: 'callkeep_icon', // Optional: image for system UI maximumCallGroups: 1, maximumCallsPerCallGroup: 1, supportsVideo: false, includesCallsInRecents: true, // Show calls in iOS Recents list }, android: { alertTitle: 'Permissions required', alertDescription: 'This application needs to access your phone accounts to manage calls and show caller ID.', cancelButton: 'Cancel', okButton: 'Ok', imageName: 'phone_account_icon', // Make sure this icon exists in your drawable folder additionalPermissions: [ PermissionsAndroid.PERMISSIONS.READ_PHONE_STATE, PermissionsAndroid.PERMISSIONS.CALL_PHONE, ...(Platform.Version >= 31 ? [PermissionsAndroid.PERMISSIONS.BLUETOOTH_CONNECT] : []), // For Android 12+ Bluetooth ], foregroundService: { channelId: 'com.mycompany.myapp.callservice', channelName: 'VoIP Call Service', notificationTitle: 'My VoIP App is running in the background for calls', notificationIcon: 'ic_launcher_round', // Ensure this icon exists in your Android resources }, selfManaged: false, // Set to true for custom incoming call UI on Android // Additional Android 13+ foreground service permissions // 'android.permission.FOREGROUND_SERVICE_PHONE_CALL', }, }; try { // Request necessary Android permissions before setup if (Platform.OS === 'android') { const granted = await PermissionsAndroid.requestMultiple(options.android.additionalPermissions); const allGranted = Object.values(granted).every(status => status === PermissionsAndroid.RESULTS.GRANTED); if (!allGranted) { console.warn('CallKeep permissions not fully granted.'); // You might want to show an alert or prevent app functionality here return; } } const accepted = await RNCallKeep.setup(options); if (accepted) { console.log('RNCallKeep setup successfully.'); // Example: Register an event listener for answering calls RNCallKeep.addEventListener('answerCall', ({ callUUID }) => { console.log(`Call ${callUUID} answered.`); // Implement your logic to connect the call }); // Other event listeners like 'endCall', 'setMutedCall', etc. } else { console.warn('RNCallKeep setup was not accepted by the user or failed.'); } } catch (err: any) { console.error('Error setting up RNCallKeep:', err.message); } }; // Call the setup function when your app initializes, e.g., in your App.js root component's useEffect // useEffect(() => { setupCallKeep(); }, []); // Example of displaying an incoming call (after setup) const displayExampleIncomingCall = (callerName: string) => { const currentCallUUID = uuidv4(); RNCallKeep.displayIncomingCall( currentCallUUID, 'remote-caller-id-123', callerName, 'Generic', true, // hasVideo ); console.log(`Displayed incoming call from ${callerName} with UUID: ${currentCallUUID}`); return currentCallUUID; }; // To simulate an incoming call (for testing, after setup is complete): // const activeCallId = displayExampleIncomingCall('Jane Doe'); // To end the call (e.g., after 30 seconds): // setTimeout(() => { RNCallKeep.endCall(activeCallId); }, 30000);