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

[@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 :)

[@hendoitechnologies]

Can you post React Native CLI full course video for developers

[@zafarhussain8273]

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

[@epicsteller]

thanks bro for this you loo like tech burner awasome

[@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 👍

[@Vloger_ducky]

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

[@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.

[@ibrahimali1926]

I got a error unknown command link

[@2amood937]

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

[@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 ?

[@sivaramch6678]

Thank you Jaymanyoo....

[@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?

[@himanshurawat5759]

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

[@jaymanyoosinghchouhan9019]

Glad you liked it

[@ejdatertas21]

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

[@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

[@SantiagoBancalari]

Sos crack amigo! Thankssss!

[@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

[@yllibthegreatcodm9705]

Cool video

[@jaymanyoosinghchouhan9019]

Thanks

[@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.

[@umerfarooqchattha5685]

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

[@jaymanyoosinghchouhan9019]

Noted

[@kirikomatkap9958]

Thank you so much !

[@Rahulsapkota]

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

[@rafaelperezmederos6958]

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

[@vaibhavsingh5401]

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

[@karthikaganesan300]

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

[@umeshbhagwat8787]

I am facing error at the time of linking

[@yashyogi382]

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

[@devank1147]

Showing devlopment server error 500

[@smdsmdzad7805]

Thanks. Can i use gif image? and how?

[@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!

[@krtk9675]

What if someone uses tablet?

[@sangsokea]

this channel deserve more sub soon.

[@bharathr8561]

Can i do this in Android studio?

[@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

[@MrShivrajansingh]

Great Video

[@anupkaushik9370]

Is it work well with expo ?

[@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

[@shahzaibarshed5343]

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

[@smoothreflexsongs5111]

Nice bro more videos

[@japanlocal6841]

thanks for the awesome tutorial

[@jaymanyoosinghchouhan9019]

Glad you liked it!

[@shaharukhkhan6362]

Muj ko ek project m add karni h splash screen so

[@harunselcukcetin8291]

Thank you bro

[@sagarchauhan2604]

Great video...

[@imonisabrian8215]

Thanks

[@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

[@pranjaldoorwar9743]

Very well explained 😍

[@jaymanyoosinghchouhan9019]

Thank you 🙂

[@Davi-wv8mi]

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

[@RafaelSantos-pp1iz]

Thanks my friend

[@zainkhalid3049]

Explain very well

[@jaymanyoosinghchouhan9019]

Thank you so much 🙂

[@kavisonsugumaran4195]

Great video bro, very helpful

[@jaymanyoosinghchouhan9019]

Glad to hear it!

[@jorgeluisretamalcontreras5030]

Thanks!! very helpful

[@jaymanyoosinghchouhan9019]

Glad it helped!

[@kaushalsinghchouhan2236]

Awesome, Keep it up 👍

[@jaymanyoosinghchouhan9019]

Thank you, I will

[@zaika1916]

Good job👍

[@jaymanyoosinghchouhan9019]

Thank you! Cheers!

[@imonisabrian8215]

Nice one

[@jaymanyoosinghchouhan9019]

Thanks 🔥

[@inayatali2421]

please improve your communication skill

[@pratiik37]

Amazing🔥