1. ホーム
  2. icons

[解決済み】React Nativeアプリにアイコンを追加する方法

2022-03-26 22:21:32

質問

React Nativeアプリを作っています。アプリアイコン(クリックするとアプリが起動するアイコンのこと)をカスタマイズしたいのですが、どうすればいいですか?ググってみたのですが、いろいろなものを指すさまざまな種類のアイコンが出てきます。このような種類のアイコンをアプリに追加するにはどうすればよいでしょうか。

どのように解決するのですか?

iOSアイコン

  • 設定 AppIconImages.xcassets .
  • 9種類のサイズのアイコンを追加します。
    • 29pt
    • 29pt*2
    • 29pt*3
    • 40pt*2
    • 40pt*3
    • 57pt
    • 57pt*2
    • 60pt*2
    • 60pt*3 .

Images.xcassets はこのように表示されます。

アンドロイドアイコン

  • 置く ic_launcher.png をフォルダーに入れる [ProjectDirectory]/android/app/src/main/res/mipmap-*/ .
    • 72*72 ic_launcher.pngmipmap-hdpi .
    • 48*48 ic_launcher.pngmipmap-mdpi .
    • 96*96 ic_launcher.pngmipmap-xhdpi .
    • 144*144 ic_launcher.pngmipmap-xxhdpi .
    • 192*192 ic_launcher.pngmipmap-xxxhdpi .

アップデート2019 Android

react nativeの最新バージョンでは、丸いアイコンもサポートされています。この特殊なケースについては、2つの選択肢があります。

A. 丸いアイコンを追加する。 各mipmapフォルダーに、さらに ic_launcher.png という名前の丸いバージョンもあります。 ic_launcher_round.png を同じ大きさで作成します。

B. 丸いアイコンを削除する。 内部 yourProjectFolder/android/app/src/main/AndroidManifest.xml 行を削除する android:roundIcon="@mipmap/ic_launcher_round" をクリックして保存してください。

そうでない場合は、ビルドでエラーが発生します。