Configuración del SDK Expo

import { ConfigContext, ExpoConfig } from '@expo/config';
import withOneSignal from 'onesignal-expo-plugin/plugin';

export default ({ config }: ConfigContext): ExpoConfig => ({
  ...config,
  ios: {
    bundleIdentifier: 'com.yourcompany.yourapp',
    infoPlist: {
      UIBackgroundModes: ['remote-notification'],
    },
    entitlements: {
      'aps-environment': 'development',
    },
  },
  android: {
    package: 'com.yourcompany.yourapp',
  },
  plugins: [
    withOneSignal({
      mode: 'development',
    }),
  ],
});

import React, { useEffect } from 'react';
// Incluye el paquete OneSignal
import { OneSignal, LogLevel } from 'react-native-onesignal';

export default function App() {
  useEffect(() => {
    // Habilita el registro detallado para depuración (elimínalo en producción)
    OneSignal.Debug.setLogLevel(LogLevel.Verbose);

    // Reemplaza con tu OneSignal App ID desde Dashboard > Settings > Keys & IDs
    OneSignal.initialize('YOUR_APP_ID');

    // Solicita permiso para notificaciones push en el primer arranque.
    // En producción, considera usar un mensaje in-app para obtener mejores tasas de aceptación.
    OneSignal.Notifications.requestPermission(false);

    // Define los listeners una sola vez para usar la misma referencia al agregarlos y quitarlos.
    const clickListener = (event) => {
      console.log('OneSignal: notification clicked:', event);
    };

    // En v5, las notificaciones en primer plano se muestran automáticamente.
    // Llama a event.preventDefault() para suprimirlas y luego
    // a event.getNotification().display() para mostrarlas después de un trabajo asíncrono.
    const foregroundListener = (event) => {
      console.log('OneSignal: foreground will display:', event);
    };

    OneSignal.Notifications.addEventListener('click', clickListener);
    OneSignal.Notifications.addEventListener('foregroundWillDisplay', foregroundListener);

    // Limpia los listeners cuando el componente se desmonte para evitar fugas de memoria.
    // Debes pasar aquí la misma referencia que pasaste a addEventListener.
    return () => {
      OneSignal.Notifications.removeEventListener('click', clickListener);
      OneSignal.Notifications.removeEventListener('foregroundWillDisplay', foregroundListener);
    };
  }, []);
}