React native text issue

Question

I was just creating app calculate user amount with some and display into text.Issue I facing when user amount is too long the result in the text splits like for example result amount is like Rs 7004505400089090760 it display in Text like Rs 70 045054000890760 splits amount like this i have to show in single in react native.guys pls help me. I have tried PixelRatio also if there is any possible to reduce size dynamically in react native?

Answer 1

The most sophisticated approach in case of amount would be to round this off for user experience and from the perspective of shortening it , you would have to reduce the font size of the text and one more way to cut the text in an elegant manner would be using http://facebook.github.io/react-native/releases/0.46/docs/text.html#ellipsizemode

this would just add '...' in place to let user know that text is truncated due to space.