1. The Ultimate Guide to React Native App Icons & Splash Screens
GitHub
https://github.com/abdulahad-07/react-native-tutorial/tree/1.app-icon-and-splash-screen
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
https://www.youtube.com/@codewithabdul?sub_confirmation=1
Buy me a coffee
https://www.buymeacoffee.com/codewithabdul
Тэги:
#splash_screen #react_native #app_icon #react_native_splash_screen #react_native_application_icon #android_splash_screen #splash_screen_android_studio #android_studio_splash_screen #react_native_tutorial #react_native_tutorial_for_beginners #react_native_full_courseКомментарии:
thanks bro
Ответить
what is the emulator you are using?
Ответить
i am facing an issue RelativeLayout class is not found...i have follow al your instruction....but cant understand why i am getting this issue.. please help.
Ответить
nice video😍
Ответить
cool!!! Nice tutorial bro!! Congrats
Ответить
In the most current versions there are some differences in the default code, I am getting an error when running the Android version where a message is displayed in the emulator saying that the native splashscreen is trying to override the installed one. Do you have any suggestions to remove this conflict? Thanks.
Ответить
Thank you so much for making this video. 🙏
Ответить
😢 Apparently this didn't work for me.
<item name="android:windowIsTranslucent">true</item>
adding this to styles.xml did the trick!!! 💯
React Native: v0.72.4
not working
Ответить
Thanks!
Ответить
For andorid it's showing 2 launch_screen
Ответить
dont touch styles.xml
Ответить
Hi, this is the video that I exactly need but, I have a big problem, in my project, I can not see the android and ios folders, anyone knows why?
Ответить
Sir i got this error while app is build, can you help me?
Execution failed for task ':react-native-splash-screen:writeDebugAarMetadata'.
> Failed to create parent directory '/Users/khoirulafwan/Documents/CoffeApp/node_modules/react-native-splash-screen/android/build' when creating directory '/Users/khoirulafwan/Documents/CoffeApp/node_modules/react-native-splash-screen/android/build/intermediates/aar_metadata/debug'
awesome
Ответить
That terminal light theme is sexy
Ответить
Thanks so much, your tutorial was important for me 🙏
Ответить
Thanks for the tutorial but There's a padding around mob icons white spaces around the icon.
how to remove it ?
I am receiving an error "TypeError: Cannot read property 'hide' of null, js engine: hermes" at "SplashScreen.hide();" and splash screen isn't working
Ответить
Great video!
By the way, any thoughts on react-native-bootsplash library as a replacement the one used in video? (as it has not been updated more then 2 years)
awesome
Ответить
Hmm. So much pngs. Use just one svg logo file. Or create tsx file and put svg code there. And do it for any icon in your app.
Ответить
On iOS how do you prevent the screen from turning white when it says ex: "Bundling 25%" at the top? My app takes a little longer to do that so it is a white screen for a while. Is this just something that will happen during development and not show a white screen when in production?
Ответить
This is the fist tutorial that I do in the first try. TYSM
Ответить
Thanks dude. It was very Helpful and understandable
Ответить
Ape tool is not downloading my files and it is taking long to process
Ответить
Getting issue: class not found RelativeLayout, after following your instructions on adding a splash screen on android. Any clues on fixing this ?
Ответить
app icon shadow coming in Android how to fix it
Ответить
