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

Поділитися
Вставка
  • Опубліковано 15 вер 2024
  • Learn how to integrate beautiful animations in your React Native App
    React Native Course 👉🏼 codewithbeto.d...
    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/bet...
    ⭐️ If you want to learn more about me, check this links:
    Twitter: / betomoedano
    Instagram: / betomoedano. .
    Github: github.com/bet...
    Linkedin: / betomoedano
    Discord: / discord
    Code With Beto: codewithbeto.ve...
    Medium: / betomoedano01
    Figma: www.figma.com/...
    My channel in Spanish: / betomoedano
    ⭐️ My apps & projects:
    ► Code With Beto: codewithbeto.v...
    ► Eco Studios: ecodev.netlify...
    ⭐️ Contact: betomoedano@outlook.com

КОМЕНТАРІ • 29

  • @angiev7583
    @angiev7583 Рік тому

    Dude awesome video… you should make an online course.

    • @codewithbeto
      @codewithbeto  Рік тому +1

      I have one already! codewithbeto.dev/learn

  • @user-kf2fq2rq1b
    @user-kf2fq2rq1b 6 місяців тому +12

    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 3 місяці тому

      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 2 місяці тому

      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

  • @creativealexx2150
    @creativealexx2150 День тому

    Great work 👍

  • @simplecode7035
    @simplecode7035 Рік тому +6

    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 Рік тому

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

    • @Antonym-b5o
      @Antonym-b5o 9 місяців тому

      @@karttal6799 LOL

    • @priyanbp1234
      @priyanbp1234 7 місяців тому

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

  • @lawyn4738
    @lawyn4738 Рік тому +2

    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

  • @alexfrozen
    @alexfrozen Рік тому +15

    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 Рік тому +2

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

    • @marckustech
      @marckustech 3 місяці тому +1

      Thanks for saving my time

  • @d3vfc334
    @d3vfc334 Рік тому +1

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

  • @dijup
    @dijup 10 місяців тому

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

  • @akhtarzaman7864
    @akhtarzaman7864 11 місяців тому +2

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

  • @akashpoovan8771
    @akashpoovan8771 10 місяців тому +1

    can we do this using expo?

  • @drishtirai3293
    @drishtirai3293 7 місяців тому

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

  • @lavi6557
    @lavi6557 10 місяців тому

    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?

  • @malikhandev
    @malikhandev 6 місяців тому +1

    this is not a splash screen but a splash Screen Component

  • @naoureskraiem6981
    @naoureskraiem6981 6 місяців тому

    hello where is the json file please

  • @shakilahmed6870
    @shakilahmed6870 2 місяці тому

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

  • @Antonym-b5o
    @Antonym-b5o 9 місяців тому +4

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

  • @noorswa3ed326
    @noorswa3ed326 Місяць тому

    I don't wanna watch, just wanted to say despite the effort no need to make a clickbait thumbnail, it's a programming video not a kissing prank gone wrong, please mate it aint that hard TO NOT DO SOMETHING, thank you , and just like that maybe i would've watched you shii , the clickbaiting in 2024 on a f programming video is just ain't for you champ, you should know better, ciao.

  • @draftermyself
    @draftermyself Рік тому

    Like bro!