React Native Oppo A77 - Some texts gets cut-off

Question

In Oppo A77 model, texts gets cut-off. This issue doesn't occur in Samsung, iPhone and other Oppo model. This happens either dev or production environment.

The screenshots provided below are just a few of the cut-off issues experienced in Oppo A77 model.

Were you able to solve the issue? I'm also having the same issue with Oppo R9s and Oppo R9st users. — Justin Lok, Nov 22 '17 at 08:37
no until now i havent solved this issue and it seems no one has an idea also :( this also happens in some LG phones — Mykel Aballe, Dec 12 '17 at 16:28
Did you try the suggestion on your issue on github? Others reported it working but I have not been able to test it myself. https://github.com/facebook/react-native/issues/15114 — Justin Lok, Dec 12 '17 at 21:44

score 1 · Answer 1 · answered Jul 01 '19 at 13:05

1

add space after the text is one of the solutions. You can also provide "Roboto" FontStyle to the text. as this issue appears only on the Oppo and onle plus devices which have default font style set which makes the problem.

answered Jul 01 '19 at 13:05

AshishGuleria

11
1

score 0 · Answer 2 · answered Oct 04 '18 at 09:26

0

Add a space " " at the end of the text. This will fix your problem

answered Oct 04 '18 at 09:26

Soumya Ranjan Sethy

62
1
2

add space in title of the navigation not resolving my issue. – tarun patel Jan 07 '19 at 13:10
try adding a fontFamily like below, static navigationOptions = ({ navigation }) => { return { title: "Your Title", headerTitleStyle: { fontFamily: "Roboto" } }; }; – Soumya Ranjan Sethy Dec 10 '19 at 07:52

React Native Oppo A77 - Some texts gets cut-off

2 Answers2

Linked