Menu
Apple specifies that users can change their icon to give a more personalised experience. See docs here:
https://developer.apple.com/design/human-interface-guidelines/ios/icons-and-images/app-icon/#user-selectable-app-icons
My question is regarding using this functionality in React Native. Building an app in React Native is it possible to access this setAlternateIconName method and provide the user with alternate app icons? Does React Native provide a nice way to interact with this IOS method?
611
Changing individual icons on your Android smartphone* is fairly easy. Search the app icon you want to change. Press and hold the app icon until a popup appears. Select “Edit”.
Open your ejected React Native app (the iOS version) in Xcode and locate the aforementioned Image. xcassets folder. Then drag and drop your app logo over the AppIcon image. As you can see, there are about 20 different image sizes that you need to specify.
Now according to 2x , 3x size in PT simply opens your downloaded icon folder -> ios -> AppIcon.appiconset and with the same PT size with the same 2x and 3x size drag the icons here. This is how you can change the Icon of your React Native Application for Android and iOS both. If you are using MAC or Ubuntu you can also see the alternate way below.
Change Application Icon Programmatically. Open your project in Xcode and create an App Icons group inside you app's group. Add all the app icons you need inside this group with names like [email protected], [email protected]. Open the Info.plist file.
Make sure your initial app logo is 1024x1024px since you’ll also need to submit this on iTunes Connect when you’re publishing your React Native app to the App Store. Similarly, on Android, you need to specify multiple images for different sizes.
If you are developing an app (either in Native or Hybrid) you will be provided a default App Icon for both the platform. If you can run the application then have a look at the current icon.
I am currently trying to build this out. This package seems designed to do what we both are looking for, but I haven't tried on anything that I have actually deployed yet.
https://github.com/skb1129/react-native-change-icon
111
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
