Come aggiungere icone all'app React Native

Sto realizzando un'app React Native. Vorrei personalizzare l'icona dell'app (ovvero l'icona su cui fai clic per avviare l'app). Ho cercato su Google questo, ma continuo a trovare diversi tipi di icone che si riferiscono a cose diverse. Come faccio ad aggiungere questi tipi di icone all'app?

Icone iOS

• Situato AppIconin Images.xcassets.
• Aggiungi 9 icone di dimensioni diverse:
  • 29pt
  • 29pt*2
  • 29pt*3
  • 40pt*2
  • 40pt*3
  • 57pt
  • 57pt*2
  • 60pt*2
  • 60pt*3.

Images.xcassets sarà simile a questo:

Icone Android

• Metti ic_launcher.pngin cartelle [ProjectDirectory]/android/app/src/main/res/mipmap-*/.
  • 72 * 72 ic_launcher.pnga mipmap-hdpi.
  • 48 * 48 ic_launcher.pnga mipmap-mdpi.
  • 96 * 96 ic_launcher.pnga mipmap-xhdpi.
  • 144 * 144 ic_launcher.pnga mipmap-xxhdpi.
  • 192 * 192 ic_launcher.pnga mipmap-xxxhdpi.

Aggiornamento 2019 Android

Le ultime versioni di React native supportano anche l'icona rotonda. Per questo caso particolare, hai due possibilità:

A. Aggiungi icone rotonde: in ogni cartella mipmap, aggiungi in aggiunta al ic_launcher.pngfile anche una versione rotonda chiamata ic_launcher_round.pngcon le stesse dimensioni.

B. Rimuovi icone rotonde: all'interno yourProjectFolder/android/app/src/main/AndroidManifest.xmlrimuovi la linea android:roundIcon="@mipmap/ic_launcher_round"e salvala.

Altrimenti la build genera un errore.