search

facebook / react-native

A framework for building native applications using React
https://reactnative.dev
MIT License
119.31k stars 24.35k forks source link

[iOS] App does not correctly render RNTester borders, backgrounds, and shadow <Image> examples #45958

Open cipolleschi opened 3 months ago

cipolleschi commented 3 months ago

Description

The RNTester examples for border, Old arch and New arch also does not seem to correctly draw borders when a border-radius is set, and draws the border as if the radii is not present.

Table below represents the desired behavior, that is happening for Android, and how iOS renders the same scenario for the Old Arch and the New Arch

Android (✅) Old Architecture (❌) New Architecture (❌)
Screenshot 2024-08-09 at 10 39 52 Screenshot 2024-08-09 at 10 35 50 Screenshot 2024-08-09 at 10 34 12

Steps to reproduce

  1. Run RNTester
  2. Scroll down to Image
  3. Scroll down until Box Shadow is visible

To disable the New Architecture on iOS, you can also add this to the AppDelgate:

- (BOOL)newArchEnabled {
  return NO;
}

React Native Version

0.76

Affected Platforms

Runtime - iOS

Areas

Fabric - The New Renderer

Output of npx react-native info

n/a

Stacktrace or Logs

n/a

Reproducer

https://github.com/facebook/react-native/packages/rn-tester

Screenshots and Videos

No response

react-native-bot commented 3 months ago
:warning: Add or Reformat Version Info
:information_source: We could not find or parse the version number of React Native in your issue report. Please use the template, and report your version including major, minor, and patch numbers - e.g. 0.70.2
react-native-bot commented 3 months ago
:warning: Missing Reproducible Example
:information_source: 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/update related: use our Reproducer Template. A reproducer needs to be in a GitHub repository under your username.
react-native-bot commented 3 months ago
:warning: Add or Reformat Version Info
:information_source: We could not find or parse the version number of React Native in your issue report. Please use the template, and report your version including major, minor, and patch numbers - e.g. 0.70.2
react-native-bot commented 3 months ago
:warning: Missing Reproducible Example
:information_source: We could not detect a reproducible example in your issue report. Please provide either:
coado commented 3 months ago

Hey, I can check this out.