☰

React Nativeアプリにアイコンを追加する方法 質問する

tag-icon • tag-icon icons react-native
React Nativeアプリにアイコンを追加する方法 質問する

React Native アプリを作成しています。アプリ アイコン (アプリを起動するためにクリックするアイコン) をカスタマイズしたいと思います。Google で検索しましたが、さまざまなものを表すさまざまな種類のアイコンが見つかります。これらの種類のアイコンをアプリに追加するにはどうすればよいですか?

ベストアンサー1

iOSアイコン

  • 始まる。AppIcon​Images.xcassets
  • 9 種類の異なるサイズのアイコンを追加します。
    • 29pt
    • 29pt*2
    • 29pt*3
    • 40pt*2
    • 40pt*3
    • 57pt
    • 57pt*2
    • 60pt*2
    • 60pt*3。

Images.xcassets次のようになります:

Androidアイコン

  • ic_launcher.pngフォルダに入れます[ProjectDirectory]/android/app/src/main/res/mipmap-*/。
    • 72×72ic_launcher.pngインチmipmap-hdpi。
    • 48×48ic_launcher.pngインチmipmap-mdpi。
    • 96×96ic_launcher.pngインチmipmap-xhdpi。
    • 144×144ic_launcher.pngインチmipmap-xxhdpi。
    • 192×192ic_launcher.pngインチmipmap-xxxhdpi。

2019 Android アップデート

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

A. 丸いアイコンを追加します。各ミップマップ フォルダーで、同じサイズのic_launcher.png丸いバージョンもファイルに追加します。ic_launcher_round.png

B. 丸いアイコンを削除します。内部のyourProjectFolder/android/app/src/main/AndroidManifest.xml線を削除してandroid:roundIcon="@mipmap/ic_launcher_round"保存します。

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

おすすめ記事