borderTopStartRadius causes unexpected changes in all images rendered using the Image component #48626
Labels
Component: Image
Needs: Attention
Issues where the author has responded to feedback.
Needs: Repro
This issue could be improved with a clear list of steps to reproduce the issue.
Newer Patch Available
Resolution: Answered
When the issue is resolved with a simple answer
Description
When applying a borderTopStartRadius to the Image component style, it appears to affect the width and height of all images, causing them to stretch or shrink incorrectly. This issue occurs regardless of the specified dimensions or aspect ratio in the styles.
My component:
Steps to reproduce
When rendering the first image with borderTopStartRadius in its style and navigating to another screen, all app images encounters unexpected behavior. This issue persist whether using the FastImage library or the standard Image component in React Native.
The problem seem to come from the borderTopStartRadius property, as it applies the same style object to all images in the app. Also, images on next screens inherits the same height and width of the style object that have borderTopStartRadius.
React Native Version
0.76.1
Affected Platforms
Runtime - iOS
Output of
npx react-native info
Stacktrace or Logs
Reproducer
None
Screenshots and Videos
output.mp4
The text was updated successfully, but these errors were encountered: