Skip to content

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

Closed

Description

@cipolleschi

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

Activity

  1. react-native-bot commented on Aug 9, 2024

    @react-native-bot
  2. react-native-bot commented on Aug 9, 2024

    @react-native-bot
  3. react-native-bot commented on Aug 9, 2024

    @react-native-bot
  4. react-native-bot commented on Aug 9, 2024

    @react-native-bot
  5. coado commented on Aug 9, 2024

    @coado
    Contributor

    Hey, I can check this out.

  6. NickGerleman commented on Dec 16, 2024

    @NickGerleman
    Contributor

    IIRC @joevilches and @jorge-cab may have fixed some of these?

  7. cipolleschi commented on Dec 17, 2024

    @cipolleschi
    ContributorAuthor

    Yes, this can be closed.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

Labels

Type

No type

Projects

No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions