React Native Animated Splash Screen | Transform Your App's First Impression Tutorial 2023

Ғылым және технология

Learn how to integrate beautiful animations in your React Native App
React Native Course 👉🏼 codewithbeto.dev/learn
For resources go to Code With Beto 👉🏼 codewithbeto.dev
My new channel 👉🏼 / @codewithbeto1
Join the Discord: / discord
👨🏻‍💻 ☕️ 🌟 Would you like to support me? Sponsor me on GitHub🌟 ☕️ 👨🏻‍💻
github.com/betomoedano
⭐️ If you want to learn more about me, check this links:
Twitter: / betomoedano
Instagram: / betomoedano. .
Github: github.com/betomoedano
Linkedin: / betomoedano
Discord: / discord
Code With Beto: codewithbeto.vercel.app/
Medium: / betomoedano01
Figma: www.figma.com/@betomoedano
My channel in Spanish: / betomoedano
⭐️ My apps & projects:
► Code With Beto: codewithbeto.vercel.app/
► Eco Studios: ecodev.netlify.app
⭐️ Contact: betomoedano@outlook.com

Пікірлер: 27

  • @angiev7583
    @angiev7583 Жыл бұрын

    Dude awesome video… you should make an online course.

  • @codewithbeto

    @codewithbeto

    Жыл бұрын

    I have one already! codewithbeto.dev/learn

  • @user-kf2fq2rq1b
    @user-kf2fq2rq1b3 ай бұрын

    This is not an animated splash screen, is an animated screen once the app is bundled and loaded completely. A splash screen is the screen seeing when the app is loading, for example when you have an app closed and open it

  • @MrGhosTRideRrR

    @MrGhosTRideRrR

    Ай бұрын

    Yes, on phones there can't be animated splash screens, it's impossible. So this is just purely for the app's aesthetics.

  • @nooneneedstoknow7

    @nooneneedstoknow7

    18 сағат бұрын

    I have a splash screen in expo but a white screen appears before it for 1-2 secs how to resolve that do you have any idea? ​@@MrGhosTRideRrR

  • @lavi6557
    @lavi65577 ай бұрын

    Hola Beto, muchas gracias por el tutorial, pero tuve un problema al hacer Build de la app y instalarla en mi teléfono al abrirla me crashea la app estuve leyendo qué había qué agregar imageAssetsFolder pero sigue sin funcionar, alguna sugerencia?

  • @lawyn4738
    @lawyn4738 Жыл бұрын

    thats awesome, can u make a video tutorial for storing with react redux or storing things like friends to not need to fetch an url every time when user open a specific screen in react navigation

  • @codewithbeto

    @codewithbeto

    Жыл бұрын

    Sure!

  • @GooseGumlizzard

    @GooseGumlizzard

    8 ай бұрын

    RN has goot local storage options

  • @simplecode7035
    @simplecode7035 Жыл бұрын

    It look like a animated component, not splash screen in android/ios when app start. How to show it when app start instead of app's logo? Hope you tutorial! Thank you so much!

  • @karttal6799

    @karttal6799

    11 ай бұрын

    in that case you could create a component View with a logo/img and show it while your process finish

  • @user-cg1pq2kh6t

    @user-cg1pq2kh6t

    6 ай бұрын

    @@karttal6799 LOL

  • @priyanbp1234

    @priyanbp1234

    4 ай бұрын

    Yep, he is reloading app to hide something. he should kill the app and relaunch.

  • @dijup
    @dijup7 ай бұрын

    This is great and was working for me till I updated to the latest version of Lottie what about something for new version too

  • @d3vfc334
    @d3vfc334 Жыл бұрын

    I also get this error always when I create a new react native application...

  • @akashpoovan8771
    @akashpoovan87717 ай бұрын

    can we do this using expo?

  • @drishtirai3293
    @drishtirai32934 ай бұрын

    I have done the same thing what you explained in the video but I'm getting error

  • @alexfrozen
    @alexfrozen11 ай бұрын

    This is not splash screen in real. A kind of post-splash. Or initialization screen. Or loader screen. Useless for big applications with long system initialization with prerendering all screens for fast user interaction.

  • @nfodigital5379

    @nfodigital5379

    9 ай бұрын

    ouch.. wasted 34 minutes to try to learn the usage of lottie splashscreen :(

  • @marckustech

    @marckustech

    29 күн бұрын

    Thanks for saving my time

  • @akhtarzaman7864
    @akhtarzaman78648 ай бұрын

    Not a Splash screen, Its just a post splash screen component, dude is adding lottie files in the react native.

  • @naoureskraiem6981
    @naoureskraiem69813 ай бұрын

    hello where is the json file please

  • @paranormalromance5288
    @paranormalromance52883 ай бұрын

    this is not a splash screen but a splash Screen Component

  • @user-cg1pq2kh6t
    @user-cg1pq2kh6t6 ай бұрын

    "splash screen" and then he is making a component. typical youtube coder

  • @shakilahmed6870
    @shakilahmed687013 сағат бұрын

    This is not called a splash screen. This is just a regular screen. Splash screens are quite different than a screen

  • @draftermyself
    @draftermyself Жыл бұрын

    Like bro!

  • @codewithbeto

    @codewithbeto

    Жыл бұрын

    Thanks 🔥

Келесі