Expo SDKセットアップ

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';
// OneSignal パッケージを読み込む
import { OneSignal, LogLevel } from 'react-native-onesignal';

export default function App() {
  useEffect(() => {
    // デバッグ用に詳細ログを有効化（本番では削除してください）
    OneSignal.Debug.setLogLevel(LogLevel.Verbose);

    // Dashboard > Settings > Keys & IDs にある OneSignal App ID に置き換えてください
    OneSignal.initialize('YOUR_APP_ID');

    // 初回起動時にプッシュ許可を要求します。
    // 本番ではオプトイン率向上のため In-App メッセージの利用を検討してください。
    OneSignal.Notifications.requestPermission(false);

    // addEventListener と removeEventListener で同じ参照を使えるよう、リスナーを一度だけ定義します。
    const clickListener = (event) => {
      console.log('OneSignal: notification clicked:', event);
    };

    // v5 ではフォアグラウンド通知は自動的に表示されます。
    // 抑制するには event.preventDefault() を呼び、
    // 非同期処理後に表示するには event.getNotification().display() を呼びます。
    const foregroundListener = (event) => {
      console.log('OneSignal: foreground will display:', event);
    };

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

    // コンポーネントのアンマウント時にリスナーをクリーンアップしてメモリリークを防ぎます。
    // addEventListener に渡したのと同じ参照をここでも渡す必要があります。
    return () => {
      OneSignal.Notifications.removeEventListener('click', clickListener);
      OneSignal.Notifications.removeEventListener('foregroundWillDisplay', foregroundListener);
    };
  }, []);
}