[rodriguescarson]

Summary:

This pull request addresses the image overflow issue in React Native's component when lineHeight is specified. By modifying the native code for RCTTextView.mm, we have:

1. Added a method to embed images into attributed text.
2. Updated the setTextStorage method to handle images within NSTextStorage.
3. Adjusted the drawRect: method to ensure images are drawn correctly.

These changes ensure proper positioning and rendering of images, fixing the long-standing overflow issue.

Changelog:

[IOS] [FIXED] - Resolved image overflow issue in component when lineHeight is specified by updating RCTTextView.mm.

Test Plan:

1. Verified that images embedded within the component are properly positioned and do not overflow.
2. Tested with various line heights and image sizes to confirm consistent behavior.
3. Ran the React Native test suite to ensure no regressions in functionality.

Example test steps:

• Use a component containing both text and images.
• Apply different lineHeight values and observe rendering.
• Verify no overlap or misalignment issues occur.

[cipolleschi]

This fix is for the Old Architecture only. Can you check how the New Architecture behaves and, eventually, fix it there as well?

The text component for the New Architecture is RCTParagraphComponentView. It uses the AttributedString abstraction.

[react-native-bot]

This PR is stale because it has been open for 180 days with no activity. It will be closed in 7 days unless you comment on it or remove the "Stale" label.

[react-native-bot]

This PR was closed because it has been stalled for 7 days with no activity.