Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Images are cut off/not rendered correctly on new architecture #48790

Open
vl4di99 opened this issue Jan 20, 2025 · 4 comments
Open

Images are cut off/not rendered correctly on new architecture #48790

vl4di99 opened this issue Jan 20, 2025 · 4 comments
Labels
Component: Image Needs: Triage 🔍 Type: New Architecture Issues and PRs related to new architecture (Fabric/Turbo Modules)

Comments

@vl4di99
Copy link

vl4di99 commented Jan 20, 2025

Description

Images are being cut off after enabling the new architecture in Expo SDK 52. The issue seems to be able to reproduce randomly, sometimes the images are shown correctly, sometimes not. The issue is being reproduced also in production version of the apps. The issue is being reproduced even if developing on Windows machine or MacOS. The issue is being able to reproduce also in native react-native app, issue being caused by new architecture.
The issue is still able to reproduce after adding
"resolutions": {
"@react-native/assets-registry": "0.76.1"
}
in package.json.

Steps to reproduce

  1. Initialize a new application
  2. Import some local images using "require" and use them in the tag
  3. If they are rendered correctly, try to reload the app and observe the issue.

React Native Version

0.76.6

Affected Platforms

Build - Windows, Build - MacOS, Build - Linux, Runtime - iOS, Runtime - Android

Areas

Fabric - The New Renderer

Output of npx react-native info

System:
      OS: macOS 15.1.1
      Shell: 5.9 - /bin/zsh
    Binaries:
      Node: 22.7.0 - /opt/homebrew/bin/node
      Yarn: 1.22.19 - ~/.nvm/versions/node/v16.18.1/bin/yarn
      npm: 10.8.2 - /opt/homebrew/bin/npm
    Managers:
      CocoaPods: 1.15.2 - /opt/homebrew/bin/pod
    IDEs:
      Xcode: /undefined - /usr/bin/xcodebuild
    npmPackages:
      expo: ^52.0.25 => 52.0.25
      react: ^18.3.1 => 18.3.1
      react-native: 0.76.6 => 0.76.6
    npmGlobalPackages:
      eas-cli: 13.2.1
    Expo Workflow: managed

Stacktrace or Logs

No crash for this case.

Reproducer

https://github.com/vl4di99/rn-new-arch-image-bug

Screenshots and Videos

Image

@vl4di99 vl4di99 added Needs: Triage 🔍 Type: New Architecture Issues and PRs related to new architecture (Fabric/Turbo Modules) labels Jan 20, 2025
@cipolleschi
Copy link
Contributor

Does this happen also in a bare ReactNative project (without Expo)?
Have you tried opening the issue on the expo repository first?

@vl4di99
Copy link
Author

vl4di99 commented Jan 20, 2025

Yes, the issue is open on the expo repository as well.

@cortinico
Copy link
Contributor

Yes, the issue is open on the expo repository as well.

Could you link the issue here?

@vl4di99
Copy link
Author

vl4di99 commented Jan 20, 2025

Related to Expo-Issue

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Component: Image Needs: Triage 🔍 Type: New Architecture Issues and PRs related to new architecture (Fabric/Turbo Modules)
Projects
None yet
Development

No branches or pull requests

4 participants