Expo Splash Screen

Help: Expo SDK
#1
  1. SDK Version: Latest
  2. Platforms(Android/iOS/web/all): iOS/Android
  3. Add the appropriate “Tag” based on what Expo library you have a question on.

Hi

Ive building an app using Expo, and plan to make my app available on iOS and Android platforms.

I have made my landscape only by modifiying the json. I have a question regarding the splash image. As my app is landscape only, what size is recommended for the splash.png image I should create?

#2

Any idea anyone?

#3

I guess similar recommendations as if it were portrait just swapping the width and height.

If it’s a centred icon a square image where width and height match the widest phones and splash.resizeMode is contain is most likely best.

If you want to use cover instead set the height at a large enough amount to deal with the widest phones. And width large enough for the tallest phones.

The iOS Human Interface Guidelines list the static launch image sizes. I’ll go with 1242 pixels wide and 2436 pixels tall – this is the width of the iPhone 8 Plus (the widest iPhone) and the height of the iPhone X (the tallest iPhone)

From the expo splash screen docs the above is noted. So just swap the width and height as recommended there.

#4

Ok so I did what you said but have a small issue.

The splash screen shows up in potrait, and then my app flips to landscape.

How can I make the splash also show in landscape?

#5

@tobias_gray Here is a link to my iOS app testflight

Any idea how to fix? I have set my app as landscape in my app.json but the splash has issues.

#6

Anyone have any idea? I really want to release my app and this is the final issue delaying me

#7

Can anyone from the Expo team help please? Its just this 1 issue im having everything else seems fine…

#8

Please can anyone help? Its the only issue I have

#9

Can anyone help please?

#10

if you run expo init, create a blank project and set the app to landscape in app.json, then run a build, you will see this: video link

if you then swap the splash image out with one where you change the width for the height in the originally provided splash image, for example this:

splashy
splashy2778×1284 29.6 KB

and then run a build with that, you will see this: video link

#11

Do I need to create a new project? I already set the app to landscape in my app.json

#12

you do not need to, no. but if you can provide a reproducible example of a project where this happens (source code, with minimal extra code associated) then please do. i don’t know what is happening in the case of your app

#13

you could also share a video of what you are observing

#14

Ok I will send you it

#15

Do you have github maybe? So I can add you to my repo

#16

brentvatne on github

#17

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.