🍤

RN(Expo) AndroidはPush通知Iconがデフォルトでは未設定

2022/06/26に公開

はじめに

ReactNative(Expo)でプッシュ通知機能を実装するとき、iOSはアプリアイコンの画像を用いてプッシュ通知のアイコンも自動設定されていますが、Androidはプッシュ通知アイコンを別途設定する必要があります。
この記事ではAndroidでのプッシュ通知アイコンを設定する方法をまとめます。

筆者環境
Expo SDK44

アイコン画像の作成(.png)

Android Studioを使用して作成しても良いですが、以下のようなサイトで画像からround画像も含め一括で変換作成してくれます
https://makeappicon.com/

画像を階層に分けて保存する

以下の画像のように各サイズごとにフォルダを分けて保存します。

AndroidManifest.xmlを編集

<application内に以下の<meta-data/>を追加します。

<application>
...
...
...
<meta-data android:name="com.google.firebase.messaging.default_notification_icon" android:resource="@mipmap/{file_name}" />
</application>

さいごに

以上で通知アイコンの設定は完了です。
Expoであれば以下のようなツールを使用して、テスト通知を送信して確認してみてください。
(Expo Push Tokenを取得しておく必要があります)
https://expo.dev/notifications

iOSは特段設定しなくても良く、Androidはこの記事のように設定するとアイコンが設定されます。
プッシュ通知機能を実装する際に忘れやすいので参考にしてみてください。

Discussion

ログインするとコメントできます