React Native - LayoutAnimation - border radius issue (black background on IOS)

[basselsaadeh]

Description

A parent view has style={{ overflow: 'hidden', borderTopRightRadius: 25 }}
Inside the parent a child view is rendered with a LayoutAnimation. The surface which is hidden behind the rounded corners has a black background color during the LayoutAnimation for a second (Im using react-native version 0.72.1

Steps to reproduce

on LayoutAnimation

React Native Version

0.72.1

Affected Platforms

Runtime - iOS

Output of npx react-native info

none

Stacktrace or Logs

none

Reproducer

none

Screenshots and Videos

No response

[react-native-bot]

Warning

Unsupported version: It looks like your issue or the example you provided uses an unsupported version of React Native.

Due to the number of issues we receive, we're currently only accepting new issues against one of the supported versions. Please upgrade to latest and verify if the issue persists (alternatively, create a new project and repro the issue in it). If you cannot upgrade, please open your issue on StackOverflow to get further community support.

[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.

[react-native-bot]

Warning

Unsupported version: It looks like your issue or the example you provided uses an unsupported version of React Native.

Due to the number of issues we receive, we're currently only accepting new issues against one of the supported versions. Please upgrade to latest and verify if the issue persists (alternatively, create a new project and repro the issue in it). If you cannot upgrade, please open your issue on StackOverflow to get further community support.

[sarthak-d11]

Hey @basselsaadeh , It will be great if you can share a reproducer for this issue. You can use this template

[basselsaadeh]

@sarthak-d11 for security reasons i cannot share my code

[cortinico]

@sarthak-d11 for security reasons i cannot share my code

A reproducer is not your code. Please use this template https://github.com/react-native-community/template and recreate the same failure you're reporting