wrap text around an image

[lekbit]

Description

It's 2023 and react-native still doesn't have an alternative to "float" like in CSS for wrapping text around an image.

Can someone at least port this kotlin library to react-native?
https://github.com/oleksandrbalan/textflow

React Native Version

0.71.0

Output of npx react-native info

Steps to reproduce

Snack, screenshot, or link to a repository

[github-actions]

⚠️	Missing Reproducible Example
ℹ️	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.

[github-actions]

⚠️

Newer Version of React Native is Available!

ℹ️

You are on a supported minor version, but it looks like there's a newer patch available - 0.71.12. Please upgrade to the highest patch for your minor or latest and verify if the issue persists (alternatively, create a new project and repro the issue in it). If it does not repro, please let us know so we can close out this issue. This helps us ensure we are looking at issues that still exist in the most recent releases.

[github-actions]

⚠️	Issue is a Question
ℹ️	We are using GitHub issues exclusively to track bugs in React Native. GitHub may not be the ideal place to ask a question, but you can try asking over on Stack Overflow, or on Reactiflux.

[lekbit]

⚠️ Issue is a Question
ℹ️ We are using GitHub issues exclusively to track bugs in React Native. GitHub may not be the ideal place to ask a question, but you can try asking over on Stack Overflow, or on Reactiflux.

They cannot offer a solution since the react-native platform itself does not allow this.
Topics on stackoverflow have been around since 2016 and none of them have solved this problem.

https://stackoverflow.com/questions/69216957/wrapping-multiple-lines-of-text-around-inline-image

[modhamanish]

I had a similar requirement for wrapping text around an image in React Native. Since this layout is not natively supported, I implemented a solution using WebView (HTML + CSS) and packaged it as a small reusable library.

The library supports:
• Text wrapping around an image (left or right)
• Circular or rectangular images
• Custom spacing and styles
• Reliable behavior using standard CSS inside WebView

You can check the library here:
👉 https://www.npmjs.com/package/@modhamanish/react-native-text-wrap-around-image

This might be useful as a workaround for anyone facing the same limitation.
Feedback and improvements are welcome 🙂

Thanks!