1
1

More than 3 years have passed since last update.

Ionic Androidのローカルプッシュ通知はアイコンの設定が必要だった(Capacitor)

Last updated at Posted at 2020-03-03

はじめに

IonicでCapacitorを使ったローカルプッシュ通知の概要は以下より:point_down:
Ionic ローカルでプッシュ通知のテスト (Capacitor)

iOSの場合は何もしなくても勝手に通知アイコンが設定されるが、Androidでは少し設定が必要。
ローカルプッシュ通知ではない、普通のプッシュ通知でもそれは同じ。:point_down:
Android Push通知のアイコンを作成 + 設定

もし設定していないとこんな感じになる

スクリーンショット 2020-03-03 17.13.34.jpg

前提条件

Android用のプッシュ通知アイコンを作成してあること。
詳しくはAndroid Push通知のアイコンを作成 + 設定を参考に。

アイコンを設定

LocalNotifications() {
    const date = new Date();
   // 1分後に通知
    const nextMoment = new Date(
      date.getFullYear(),
      date.getMonth(),
      date.getDate(),
      date.getHours(),
      date.getMinutes() + 1
    );

    LocalNotifications.schedule({
      notifications: [
        {
          title: 'Androidです',
          body: 'アイコンないんやけど!!',
          id: 1,
          schedule: { at: nextMoment },
          sound: null,
          attachments: null,
          actionTypeId: '',
          extra: null,
        // 追加
          smallIcon: 'res/drawable/push_icon_default'
        }
      ]
    });
  }

smallIconプロパティを追加。
そしてアイコン画像へのパスを書くの。

スクリーンショット 2020-03-03 17.44.55.jpg

こちらより、パスはapp/src/main/res/drawable以下のものでないと認識されないらしい。

これでAndroidのローカルプッシュ通知で、アイコンが適応される!

1
1
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
1
1