Splash Screen In 10 Steps | React Native | Android

#react #native #splash #screen #hybrid #jaymanyoo
GitHub Link: github.com/cap...
Today I will show you, how to implement react-native splash screen in 10 steps. Follow each step carefully and we will cross the hurdle of splash screen.
Implementing splash screen felt like a hurdle in the react native android. After a lot of research and going through their docs of react-native-splash-screen I finally managed to get it working.
I am going to walk you through the implementation in the simplest was such that it won't act as a roadblock for you anymore. So follow along with me and let's get started.
Portfolio: www.thebrandwi...
Tags:
splash screen in react native , react native splash, react navigation 5 hooks, react navigation 5 installation, react navigation 5 tutorial, authentication, English, react native tutorials for beginners , tutorial, react native bottom tab navigator, react native app
#reactjs #javascript #programming

[@taihatranduc8613]

I edit the original code a little bit. Luckily it works. You sound like a very kind person. Thank you

[@maXXik1337]

I have to admit that 5:35 on wards your focus on what you are doing is stellar. You barely even move.

[@jaymanyoosinghchouhan9019]

😂 Yes! My camera suffered a glitch.

[@Noah-vm8id]

Hey Jaymayoo, thank you a lot for this helpful and well explained video. You helped me doing something I would probably not be able to figure out. Thank you :)

[@lil_zcrazyg1917]

Very well done I loved how well you explained everything. The only criticisms I can think of are the camera being a little buggy (the green screen was done VERY well!), and maybe the text could have been slightly bigger (wasn't an issue for me however, but for some people it may be) but I really liked this!!! Great job, you gained a subscriber :)

[@HarshitSharma-tk8ns]

YOu explain it very well and make it so simple that it work for me at the first time without any errror. Thanks!!!

[@jaymanyoosinghchouhan9019]

Glad it helped!

[@Davi-wv8mi]

Thanks man , your explanation is so easy , great teacher !

[@sangsokea]

this channel deserve more sub soon.

[@syedalimehdi-english]

Followed this tutorial step by step.
Splash Screen shows with wierd icon on top of it and not the actual image idk where it went wrong

[@himanshurawat5759]

Very well explained... It's not easy to code live that too react native......

[@jaymanyoosinghchouhan9019]

Glad you liked it

[@epicsteller]

thanks bro for this you loo like tech burner awasome

[@sivaramch6678]

Thank you Jaymanyoo....

[@hendoitechnologies]

Can you post React Native CLI full course video for developers

[@2amood937]

After following the tutorial I am facing issue with my Android Manifest file even after adding exported to true. please help !

[@arunroy5549]

Thaks it's very simple way. But i am facing an issue splash screen jumping fist time when staatus bar loading.

[@arunroy5549]

its working properly when changed @drawable/background_splash this in styles.xml file.😊😊😊😊😊

[@jaymanyoosinghchouhan9019]

Thanks for your suggestion, this will help other community members facing similar issue.

[@arunroy5549]

@@dhayasanjai9953 issue resolved for me by this.

[@kristijanluksic2341]

It works perfect on a big screen devices, but don't he smaller ones the background picture gets distorted, it appears a little squashed. Anyone know the solution to this ?

[@rafaelperezmederos6958]

Mine is giving me the error saying invalid attribute name inside android manifest

[@Rahulsapkota]

i dont know why the spash screen shows and the app crashes, can you please assist.

[@zafarhussain8273]

i dont have java files i have .kt file in react native

[@fluffybunny510]

If you create a seperate splashscreen.js , and add your image and background, we will no longer need this hassels.
Because anyway it renders the first screen in your navigator

[@teresitacuccia6425]

hello, when i do this my splash-screen and my app work perfect, but when i run the command npx react-native run-android or when i generate an apk, my app appears twice on my phone. But when I want to uninstall one, both are deleted, as if they have been duplicated. Do you know what it can be?

[@shahzaibarshed5343]

thanks a lot dear, to the point and helpfull video...

[@ibrahimali1926]

I got a error unknown command link

[@vaibhavsingh5401]

Thanks man great explanation. Just a single problem the app is not working anymore. Rest of the thing is great

[@pranjaldoorwar9743]

Very well explained 😍

[@jaymanyoosinghchouhan9019]

Thank you 🙂

[@kirikomatkap9958]

Thank you so much !

[@yashyogi382]

hello sir how we can add video and animated screen on splash screen

[@japanlocal6841]

thanks for the awesome tutorial

[@jaymanyoosinghchouhan9019]

Glad you liked it!

[@Vloger_ducky]

chawaliyann maar rha ha mental ya xml jo code push kr rhy kaha sy ly rhy???

[@kaushalsinghchouhan2236]

Awesome, Keep it up 👍

[@jaymanyoosinghchouhan9019]

Thank you, I will

[@karthikaganesan300]

how can we use react-native-splash-screen?

[@kavisonsugumaran4195]

Great video bro, very helpful

[@jaymanyoosinghchouhan9019]

Glad to hear it!

[@yllibthegreatcodm9705]

Cool video

[@jaymanyoosinghchouhan9019]

Thanks

[@SantiagoBancalari]

Sos crack amigo! Thankssss!

[@umeshbhagwat8787]

I am facing error at the time of linking

[@ejdatertas21]

sen nasıl bi kralsın aQ yaw kralll eline sağlık :)) thnx so much bro

[@MrShivrajansingh]

Great Video

[@lioneltolosa7098]

react-native link react-native-splash-screen
error: unknown command 'link'😭😭

[@lioneltolosa7098]

npx react-native link auto-linking command is deprecated in react-native v0.60 or higher versions. Use npx react-native-asset

[@lioneltolosa7098]

npx react-native-asset react-native-splash-screen 👍

[@smoothreflexsongs5111]

Nice bro more videos

[@umerfarooqchattha5685]

Please make a video react native app with splash screen login with otp code and dashboard show product from selected categories..

[@jaymanyoosinghchouhan9019]

Noted

[@jorgeluisretamalcontreras5030]

Thanks!! very helpful

[@jaymanyoosinghchouhan9019]

Glad it helped!

[@zainkhalid3049]

Explain very well

[@jaymanyoosinghchouhan9019]

Thank you so much 🙂

[@machin2572]

Thank you for this tutorial. I have an issue. When I launch my app, the splash screen is blurred. I believe I did everything you did in the vidéo. Can you help me ?

[@bishantpokharel7707]

Did you solve it?

[@machin2572]

@@bishantpokharel7707 Unfortunately, no

[@bharathr8561]

Can i do this in Android studio?

[@devank1147]

Showing devlopment server error 500

[@sagarchauhan2604]

Great video...

[@smdsmdzad7805]

Thanks. Can i use gif image? and how?

[@RafaelSantos-pp1iz]

Thanks my friend

[@anupkaushik9370]

Is it work well with expo ?

[@krtk9675]

What if someone uses tablet?

[@harunselcukcetin8291]

Thank you bro

[@imonisabrian8215]

Nice one

[@jaymanyoosinghchouhan9019]

Thanks 🔥

[@zaika1916]

Good job👍

[@jaymanyoosinghchouhan9019]

Thank you! Cheers!

[@ajayb8730]

can we use mp4 insted of png for splash screen ? please do reply!!

[@jaymanyoosinghchouhan9019]

Yes, video can be used but they need to be configured differently in the code. You can start with this - stackoverflow.com/questions/8221155/video-as-a-splash-screen-instead-of-picture
Regards

[@ajayb8730]

@@jaymanyoosinghchouhan9019 Thank you bro

[@imonisabrian8215]

Thanks

[@shaharukhkhan6362]

Muj ko ek project m add karni h splash screen so

[@radharamansingh5291]

SIR LINK WALA PROCESS NHI HO TOH

[@jaymanyoosinghchouhan9019]

Linking the library is necessary. Are you facing any problem?

[@devank1147]

Yes command not accepted for linking

[@pratiik37]

Amazing🔥

[@inayatali2421]

please improve your communication skill