I am making a React Native app. I would like to customize the app icon (meaning the icon that you click on to start the app). I have Googled this, but I keep finding different types of icons that refer to different things. How do I add these types of icons to the app?
React-native – How to add icons to React Native app
iconsreact-native
Related Topic
- Ios – React Native: How to select the next TextInput after pressing the “next” keyboard button
- Android – How to “shake” an Android device within the Android emulator to bring up the dev menu to debug the React Native app
- React-native – Setting environment variable in react-native
- IOS Launch screen in React Native
- Javascript – the difference between React Native and React
- React-native – Change App Name In React Native
- Android – react native vector icons won’t show in android device
Best Answer
iOS Icons
AppIcon
inImages.xcassets
.29pt
29pt*2
29pt*3
40pt*2
40pt*3
57pt
57pt*2
60pt*2
60pt*3
.Images.xcassets
will look like this:Android Icons
ic_launcher.png
in folders[ProjectDirectory]/android/app/src/main/res/mipmap-*/
.ic_launcher.png
inmipmap-hdpi
.ic_launcher.png
inmipmap-mdpi
.ic_launcher.png
inmipmap-xhdpi
.ic_launcher.png
inmipmap-xxhdpi
.ic_launcher.png
inmipmap-xxxhdpi
.Update 2019 Android
The latest versions of react native also supports round icon. For this particular case, you have two choices:
A. Add round icons: In each mipmap folder, add additionally to the
ic_launcher.png
file also a round version calledic_launcher_round.png
with the same size.B. Remove round icons: Inside
yourProjectFolder/android/app/src/main/AndroidManifest.xml
remove the lineandroid:roundIcon="@mipmap/ic_launcher_round"
and save it.Otherwhise the build throws an error.