Source : React Native Ellipsis Text From End, Start, Middle Android/IOS
This tutorial explains how to create ellipsis clipped text in React Native. We are going to explain and show you how we can add Ellipsis on different positions in react native Text component. Ellipsis is a type of property of CSS(Caching Style Sheet) used to clip the text present in a specific area when it crosses the area it clip the text and shows the …(Three Dotes) format at the end of Text. In CSS it is a property of text-overflow. So in this tutorial we would going to Create Ellipsis Clipped Text in React Native iOS Android application full example tutorial. In React Native we can set the default Ellipsis using numberOfLines = { 1 } prop of Text component. This prop would allow us to implement the Ellipsis Clipped effect on Text.
Top comments (0)