How to create an App Icon and Splash Screen for an Expo Project

Поділитися
Вставка
  • Опубліковано 4 лют 2025

КОМЕНТАРІ • 60

  • @sahasrabhujaneuron5975
    @sahasrabhujaneuron5975 Рік тому +11

    This is so helpful! It's concise and easy to follow! Many thanks!
    2023 11/16
    EDIT: This is my third time creating an app, and as always, I find myself watching this video to create an icon! The figma file is also awesome!

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

    this video deserves a huge like, thank you....

  • @Norfeldt
    @Norfeldt 2 роки тому +12

    Really great to see that effort is put into this type of content/doc of how to use expo 👏.
    Would have been nice if more details was into the android adaptive icon.
    What about different resolution of images?

  • @samsilvaluebinder
    @samsilvaluebinder 2 роки тому +1

    Thank you! I love using Expo... :)

  • @timiskiswrld4351
    @timiskiswrld4351 11 місяців тому +3

    wow this was so easy following step by step

    • @ExpoDevelopers
      @ExpoDevelopers  11 місяців тому

      Glad it was helpful!

    • @mma-dost
      @mma-dost 9 місяців тому

      @@ExpoDevelopers people saying it does not work dev build or apk? can you tell something about it they are saying to use something react-native-bootsplash ?

  • @onibenjo
    @onibenjo 7 днів тому

    thanks
    this was insightful

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

    Great job! This is just awesome. It was effective and saved me a bunch of time. Thanks!

  • @kenanfintelman1858
    @kenanfintelman1858 2 роки тому +9

    Is it possible to create an animated splash screens on expo apps? I've had a hard time searching for that, and I didn't find any solution LOL

  • @satorias5651
    @satorias5651 2 роки тому

    Beautifully explained. Thank you.

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

    great tutorial!

  • @Neudo92
    @Neudo92 8 місяців тому

    Great tutorial ! Thx

  • @No_ishu
    @No_ishu 2 роки тому +1

    "master card would like to know your location" (because of the two circle logo lol) no but seriously, great tutorial :)

  • @kartikeyv
    @kartikeyv 2 роки тому +9

    As of now, is it possible to add different splash screens depending upon the theme (dark/light) ?

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

      Interested in this as well.

  • @elevatedplays
    @elevatedplays 9 місяців тому

    thank you so much ♥♥

  • @jpmarint
    @jpmarint Рік тому +4

    @ExpoDevelopers I need help with the icon at expoGo, I followed exactly all the steps, I did the export, the splash screen works great, but in my iPhone, on the expoGo app, the app icon is not showing. Do you have any idea why? I'm afraid that I'll have the same issue if I do a dev build

  • @DavidRice-Regard
    @DavidRice-Regard 22 дні тому

    Is this still the canonical way to create a splash screen? It looks like the 'expo-splash-screen' plugin is taking over and deprecating the full-screen splash image (if the 'enableFullScreenImage_legacy' property is any indication).

  • @ek8509
    @ek8509 2 роки тому

    Amazing stuff!

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

    is there a easy way to generate the screenshots for app store review?

  • @veto8172
    @veto8172 2 роки тому

    Fantastic, thank you!

  • @ag4-z4z
    @ag4-z4z 9 місяців тому

    Dude thank you.

  • @mfaizhussain7
    @mfaizhussain7 5 місяців тому +1

    how can i have background color based on theme

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

    Thank you !
    By the way, whats your theme's name? 😅

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

    Why this does not work in development build or in APK?

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

      Same here

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

      @@matagaralph It won't work, you'll have to use react-native-bootsplash.

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

      Thanks for the suggestion. I ended up giving up on Expo and built the project using Flutter.

  • @jonasdhein
    @jonasdhein 2 роки тому

    Great video

  • @hkssrnt
    @hkssrnt 2 роки тому

    Nice. 👏👏👏

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

    Hi, I did everything you did in the video but it's not work for me. It still shows me the circles. Can someone help me on this?

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

      delete the background

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

      @@derrickking4599 what's background?

    • @khelahobe.co.youtube
      @khelahobe.co.youtube Рік тому

      @@momolly9463 Have you managed to make it work? I'm stuck with the same problem. Can you please help?

  • @ludwigvillalba1886
    @ludwigvillalba1886 2 роки тому

    thanks for sharing!

  • @ginger-viking
    @ginger-viking 2 роки тому

    This is awesome

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

    what about landscape mode and spash screen...

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

    The problem with android icons and default expo is that the resolution is low. Some android phone like the Google pixel scale up the app icon as a fade to the splash screen and the low res becomes apparent 😢

    • @danishsaifi7817
      @danishsaifi7817 5 місяців тому

      When you export the icon there's a button on that side which says 1x just make it 3x it and boom

  • @jimmyjam77
    @jimmyjam77 4 місяці тому

    EAS cloud build adds a thick white border to my app icon. Any suggestions?

  • @Lorofol
    @Lorofol 2 роки тому

    Can you please make a tutorial for how to add a badge/shield for different environment builds (eg dev, beta, staging) so that when we have multiple versions of the app installed, it's easier to see which is which on the device.

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

    thank you

  • @Seanmclem
    @Seanmclem 2 роки тому +1

    Tried this method today for like the 10th time, and this time there is no Export button. There's just a big empty space where it used to be. Did they move it? ... EDIT: ok I found a way to export. I had to go to the Figma menu in top left > File menu, Export... > and it exported and downloaded the 3 files as a zip.

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

    My icon is always circular. How to make it square?

  • @lipepxl
    @lipepxl 5 місяців тому

    my icon is 100% filled, with no space (margin) around the icon. Even reducing the icon it remains decentralized.
    Could any kind soul help me?

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

    thank you

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

    How to make it round corner on android devices?

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

    Damn man, so adaptive is for Android and icon is for IOS?
    I was breaking my head trying to find out why EAS was showing my app icon in Android.

  • @koolio1100
    @koolio1100 20 днів тому

    Umm where is the icon on the splashscreen?

    • @ExpoDevelopers
      @ExpoDevelopers  13 днів тому

      [Beto] Hi, we are working on a new video using the latest slapshcreen version. Stay tuned!

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

    mmm not sure why this doesn't work...

  • @vanhaile6349
    @vanhaile6349 11 місяців тому +1

    If you have a problem with icon like me you just need remove : restart app expo go
    PS : 4:11 i don't understand how he screenshot his phone
    PS 2: on Android don't work for logo

  • @MyChannel-on9wc
    @MyChannel-on9wc Рік тому

    using this app has been so frustrating.