expo / expo

An open-source framework for making universal native apps with React. Expo runs on Android, iOS, and the web.
https://docs.expo.dev
MIT License
33.97k stars 5.43k forks source link

[SDK 52] Splash screen image scaled very small on development builds #32515

Open Snoozy opened 15 hours ago

Snoozy commented 15 hours ago

Minimal reproducible example

https://github.com/expo/expo/tree/main/templates/expo-template-default

What platform(s) does this occur on?

Android, iOS

Where did you reproduce the issue?

in a development build

Summary

Splash screen image is scaled very small on iOS development builds, but not Expo Go.

Using default template via npx create-expo-app@latest --template default@beta and run dev build via: npx expo prebuild --clean --platform ios && npx expo run:ios

Screenshots to compare:

Development build: Simulator Screenshot - iPhone 16 Pro - 2024-10-31 at 13 40 39

Expo Go: Simulator Screenshot - iPhone 16 Pro - 2024-10-31 at 13 42 37

Environment

❯ npx expo-env-info

  expo-env-info 1.2.0 environment info:
    System:
      OS: macOS 15.0.1
      Shell: 5.9 - /bin/zsh
    Binaries:
      Node: 20.11.1 - ~/.nvm/versions/node/v20.11.1/bin/node
      npm: 10.9.0 - ~/.nvm/versions/node/v20.11.1/bin/npm
      Watchman: 2024.10.21.00 - /opt/homebrew/bin/watchman
    Managers:
      CocoaPods: 1.15.2 - /opt/homebrew/bin/pod
    SDKs:
      iOS SDK:
        Platforms: DriverKit 24.1, iOS 18.1, macOS 15.1, tvOS 18.1, visionOS 2.1, watchOS 11.1
    IDEs:
      Android Studio: 2024.1 AI-241.18034.62.2411.12071903
      Xcode: 16.1/16B40 - /usr/bin/xcodebuild
    npmPackages:
      expo: ~52.0.0-preview.16 => 52.0.0-preview.18
      expo-router: ~4.0.0-preview.11 => 4.0.0-preview.11
      react: 18.3.1 => 18.3.1
      react-dom: 18.3.1 => 18.3.1
      react-native: 0.76.1 => 0.76.1
      react-native-web: ~0.19.13 => 0.19.13
    npmGlobalPackages:
      eas-cli: 12.6.1
    Expo Workflow: managed

Expo Doctor Diagnostics

❯ npx expo-doctor@latest
Need to install the following packages:
expo-doctor@1.12.1
Ok to proceed? (y)

Enabled experimental React Native Directory checks. Unset the EXPO_DOCTOR_ENABLE_DIRECTORY_CHECK environment variable to disable this check.
✔ Check package.json for common issues
✔ Check Expo config for common issues
✔ Check if the project meets version requirements for submission to app stores
✔ Check for common project setup issues
✔ Check dependencies for packages that should not be installed directly
✔ Check npm/ yarn versions
✔ Check for issues with Metro config
✖ Check for app config fields that may not be synced in a non-CNG project
✔ Validate packages against React Native Directory package metadata
✔ Check Expo config (app.json/ app.config.js) schema
✔ Check for legacy global CLI installed locally
✔ Check that native modules do not use incompatible support packages
✔ Check native tooling versions
✔ Check that native modules use compatible support package versions for installed Expo SDK
✔ Check that packages match versions required by installed Expo SDK

Detailed check results:

This project contains native project folders but also has native configuration properties in app.json, indicating it is configured to use Prebuild. When the android/ios folders are present, if you don't run prebuild in your build pipeline, the following properties will not be synced: orientation, icon, scheme, userInterfaceStyle, splash, ios, android, plugins.

One or more checks failed, indicating possible issues with the project.
sabuhiteymurov commented 15 hours ago

I’m also encountering the same issue

Snoozy commented 15 hours ago

currently sniffing around the newest @expo/image-utils ver bump to 0.6.1 which included https://github.com/expo/expo/pull/23882

I experienced various breakages during prebuild before pinning the version from 0.6.0 to 0.6.1

roni-castro commented 15 hours ago

The app icon also seems to be affected on Android:

Android icon

SDK 51.0.38 SDK 52.0.0-preview.18
Screenshot 2024-10-31 at 18 20 25

Android Splash screen

SDK 51.0.38 SDK 52.0.0-preview.18
Screenshot_1730409584 Screenshot_1730409349

iOS Splash screen

SDK 51.0.38 SDK 52.0.0-preview.18
Simulator Screenshot - iPhone SE (3rd generation) - 2024-10-31 at 18 26 31 simulator_screenshot_8A6069C9-CA9F-438E-9255-8F4F1369D1B6
Snoozy commented 15 hours ago

Yep - just noticed the app icon issue on Android. Strangely, iOS app icons are correctly scaled, though not sure if that's a build caching issue on my end.

entiendoNull commented 4 hours ago

+1 got the same thing. Made another dev build (iOS) yesterday (brand new project, but different versions of deps from today) where the background of the splash screen was dark blue. This seems to have fixed checking it out in a fresh project today, but icon is still small.

Tried a dev build for Android this morning - just tested in emulator, but I see no icon at all.