Change the App Icon for React Native Apps on iOS
We’ll replace the default App Icon on iOS with a custom app icon image.
Instructor: [00:00] From the root of the project, open the iOS folder. Then open the Xcode project. Find and select the images.xcassets entry in the file tree.
[00:11] Select AppIcon, which should already exist. If it doesn't already exist, you can create it by right-clicking, then select App Icons & Launch Images, and then New iOS App Icon.
[00:24] You'll have to have an icon for each size here, and Xcode tells you what the size needs to be. For example, the iPhone Notification icon says 20 pt. It has entries for 2x and 3x. The 2x icon will be 40x40 pixels. The 3x icon will be 60x60 pixels.
[00:43] I have a directory here with these icons pre-made with the Ionicons pizza icon. We can just drag each icon into the appropriate image box.
[00:56] Back in the iOS simulator, first uninstall the app and then rerun with react-native run-ios. After it launches, we can press the Home button with Command-Shift-H to close the app. Then we can see the new icon.
Member comments are a way for members to communicate, interact, and ask questions about a lesson.
The instructor or someone from the community might respond to your question Here are a few basic guidelines to commenting on egghead.io
Be on-Topic
Comments are for discussing a lesson. If you're having a general issue with the website functionality, please contact us at support@egghead.io.
Avoid meta-discussion
Code Problems?
Should be accompanied by code! Codesandbox or Stackblitz provide a way to share code and discuss it in context
Details and Context
Vague question? Vague answer. Any details and context you can provide will lure more interesting answers!