React Native Text : Word overflows to the next line and breaks the word. How can we prevent this

Question

As you can see here, the word transforming is overflowing to the next line and breaking. How can we prevent this? is there a way to reduce the font size when this happens so that the entire word appears on the same line? we are looking for iOS solutions.

there are multiple solution to this go through this https://stackoverflow.com/questions/33628677/react-native-responsive-font-size — rishikesh_07, Oct 14 '22 at 04:19
Thanks a majority of solutions in the thread are about responsive font sizes and dont necessarily fix the word break problem. But its a good start for us. we will see which one can work for us. — Nikit, Oct 14 '22 at 06:20

score 0 · Answer 1 · answered Oct 14 '22 at 07:18

0

Try this

Apply

ellipsizeMode="tail"

in your Text

answered Oct 14 '22 at 07:18

Arnold Brown

1,330
13
28

thank you for responding. we dont want the long words cut. we want them displayed in full on the card – Nikit Oct 14 '22 at 13:04
have you tried the above 'ellipsizeMode = "tail" without NumberOfLines ? – Arnold Brown Oct 15 '22 at 08:49

React Native Text : Word overflows to the next line and breaks the word. How can we prevent this

1 Answers1