[IOS 0.76.5] Image is not displayed properly after refetch api

[nazacity]

Description

Image is displayed fine on android
but on ios it's displayed weird after refetch api 2-3times
i don't know why

Please look at video below

Steps to reproduce

React Native Version

0.76.5

Affected Platforms

Runtime - iOS

Output of npx react-native info

System:
  OS: macOS 14.7.1
  CPU: (10) arm64 Apple M1 Max
  Memory: 120.38 MB / 32.00 GB
  Shell:
    version: "5.9"
    path: /bin/zsh
Binaries:
  Node:
    version: 18.17.1
    path: ~/.nvm/versions/node/v18.17.1/bin/node
  Yarn: Not Found
  npm:
    version: 9.6.7
    path: ~/.nvm/versions/node/v18.17.1/bin/npm
  Watchman:
    version: 2023.12.04.00
    path: /opt/homebrew/bin/watchman
Managers:
  CocoaPods:
    version: 1.15.2
    path: /usr/local/bin/pod
SDKs:
  iOS SDK:
    Platforms:
      - DriverKit 24.2
      - iOS 18.2
      - macOS 15.2
      - tvOS 18.2
      - visionOS 2.2
      - watchOS 11.2
  Android SDK:
    API Levels:
      - "23"
      - "27"
      - "29"
      - "30"
      - "31"
      - "33"
      - "34"
      - "35"
    Build Tools:
      - 28.0.3
      - 29.0.2
      - 30.0.2
      - 30.0.3
      - 31.0.0
      - 33.0.0
      - 33.0.1
      - 34.0.0
      - 35.0.0
    System Images:
      - android-29 | Intel x86 Atom_64
      - android-29 | Google APIs Intel x86 Atom
      - android-30 | ARM 64 v8a
      - android-30 | Google APIs ARM 64 v8a
      - android-30 | Google Play ARM 64 v8a
      - android-31 | Google APIs ARM 64 v8a
      - android-31 | Google Play ARM 64 v8a
      - android-33 | ARM 64 v8a
      - android-33 | Google APIs ARM 64 v8a
      - android-34 | ARM 64 v8a
      - android-34 | Google APIs ARM 64 v8a
      - android-34 | Google Play ARM 64 v8a
      - android-35 | ARM 64 v8a
      - android-35 | Google APIs ARM 64 v8a
      - android-35 | Google Play ARM 64 v8a
      - android-VanillaIceCream | Google APIs ARM 64 v8a
      - android-VanillaIceCream | Google Play ARM 64 v8a
    Android NDK: Not Found
IDEs:
  Android Studio: 2024.1 AI-241.15989.150.2411.11948838
  Xcode:
    version: 16.2/16C5032a
    path: /usr/bin/xcodebuild
Languages:
  Java:
    version: 17.0.10
    path: /usr/bin/javac
  Ruby:
    version: 2.6.10
    path: /usr/bin/ruby
npmPackages:
  "@react-native-community/cli":
    installed: 15.1.3
    wanted: 15.1.3
  react:
    installed: 18.3.1
    wanted: 18.3.1
  react-native:
    installed: 0.76.5
    wanted: 0.76.5
  react-native-macos: Not Found
npmGlobalPackages:
  "*react-native*": Not Found
Android:
  hermesEnabled: true
  newArchEnabled: true
iOS:
  hermesEnabled: true
  newArchEnabled: true

Stacktrace or Logs

-

Reproducer

Screenshots and Videos

enable new arch
https://github.com/user-attachments/assets/021b7c7c-0e04-4a2a-ac74-1e035590aa11
disable new arch
https://github.com/user-attachments/assets/d469233d-c432-4b3d-8745-bbdc0dfd14fe

[react-native-bot]

Warning

Missing reproducer: We could not detect a reproducible example in your issue report. Please provide either:

• If your bug is UI related: a Snack
• If your bug is build/upgrade related: a project using our Reproducer Template
• Otherwise send us a Pull Request with the RNTesterPlayground.js edited to reproduce your bug.

[cortinico]

but on ios it's displayed weird after refetch api 2-3times

What do you mean with "displayed weird"?
Are you referring to the border radius here:

Can we reproduce this somehow?

[nazacity]

it's not full image as expect
and somehow radius border is weird

[nathanguigui]

same issue for me

Description

The images are often and randomly cut or have weird border radius applied

React Native Version

0.76.5

Affected Platforms

Runtime - iOS

Here using ImageBackground component

<ImageBackground
              source={require('product-header.png')}
              resizeMode={'cover'}
              style={{
                width: '100%',
                justifyContent: 'center',
                alignItems: 'center',
                zIndex: 123,
                backgroundColor: 'red',
              }}
            >

[zarv1k]

Might be related to overflow: 'hidden' style bug on iOS #48392

[nazacity]

Might be related to overflow: 'hidden' style bug on iOS #48392

I can not upgrade to 0.77 becuase many libs do not support it yet

[nazacity]

react-native+0.76.5.patch
@nathanguigui try this patch
some how I solved