1. The Ultimate Guide to React Native App Icons & Splash Screens

#reactnative #reactnativetutorial #applicationicon #splashscreen #codewithabdul

GitHub

00:00 Introduction
00:21 Create a new project
00:48 Generate application icon bundle
01:42 Add application icon in Android
03:20 Add application icon in iOS
04:53 Generate splash screen assets
05:45 Add splash screen in Android
09:55 Add splash screen in iOS
12:08 Change application name in Android
12:39 Change application name in iOS

In this video, we will learn how to customize the application icon and splash screen in a React Native app. The application icon and splash screen are the first things that users see when they launch your app, so it's important to make a good first impression. We will start by creating a new React Native app and then we will replace the default icon and splash screen with our own custom designs. We will use the React Native Splash Screen library to customize the splash screen. We will also cover how to generate the required image assets for both the icon and splash screen. By the end of this video, you will have a solid understanding of how to customize the application icon and splash screen in your React Native app. So, join me and let's get started!

Subscribe to this YouTube channel for more interesting content

Buy me a coffee

[amanuelworku]

Man where have you been my whole month, thank you so much saved much of my time.

[vborisov]

There are some differences for new versions of react-native on android that made me stuck on splash screen section, hope it helps someone:
1) Remove completely line with <item> styles.xml file in folder, i had an error "Didn't find class "RelativeLayout" otherwise. This solution was recommended on one of github issues of this lib
2) Don't change MainApplication.java class in newer version of android, github doc is outdated, change only MainActivity.java class as in video

[zehchapazik]

this is indeed the ultimate tutorial on this subject! congrats man, keep up the great work!!

[uncafedoble]

This is the fist tutorial that I do in the first try. TYSM

[alimohammed]

A hidden gem on YouTube, keep it up!!

[PraveenKumar-rktj]

The best explanation ever on youtube, Thank You

[mpowereer]

simple and short tutorial, definietly deserve like

[ozhandrum]

Showing how to make these (splash screen) without using any library, and other things... Dude you are awesome

[niveditaghosh]

Thanks dude. It was very Helpful and understandable

[NicholasEduardo]

Thanks so much, your tutorial was important for me 🙏

[felipeoliveira]

Thank you friend, you are one friend (:

[MiriamAraújo-yx]

Thank you so much for making this video. 🙏

[simple_user]

Amazing tutorial! Please upload a new one for RN 0.73, as java files have been replaced with kotlin

[peggy-fe]

I encountered a problem, after installing and configuring the splash-screen for Android, everything works, but when I add the TextInput tag to the application, an error occurs:

Drawable with resourse ID #0x7f0b002f

File res/layout/launch_screen.xml from drawable resourse ID #0x7f0b002f

Class not found RelativeLayout

Didn`t find class "RelativeLayout" on path: DexPathList[[zip file "data/app/"

[sharibtanweer]

Man what about kotlin version? how to get?

[richardkirigaya]

Getting issue: class not found RelativeLayout, after following your instructions on adding a splash screen on android. Any clues on fixing this ?

[bibekgurung]

./gradlew clean command to clean bulid folder on android seems to get rid of the splashscreen we put in using this method.

[timpenguin]

Sir i got this error while app is build, can you help me?
Execution failed for task
> Failed to create parent directory when creating directory

[SaadSiddiqui-pv]

Can you make the Stausbar translucent in the splash screen and make it stretch the full window?

[daoudabeye]

Hi
in the Styles.xml you've replace android:editTextBackground, from my side it is causing crash when using PhoneInput View, is someone face same issue ?