Text 컴포넌트의 ellipsizeMode와 numberOfLines를 설정하여 텍스트를 자연스럽게 생략할 수 있다.
프로젝트 기본 세팅
사용법
numberOfLines props로 Text를 몇줄 보여줄 것인지 정한다.
그리고 ellipsizeMode는 기본 tail 값을 가지며 ’…’ 을 어느위치에 보여줄 것인지를 정하게 된다.
numberOfLines 속성을 3을 주고 ellipsizeMode=‘tail’을 주어 3번째 줄부터 ...으로 생략한다. ellipsizeMode의 default 값이 tail 이므로 생략해도 정상동작하게 된다.
그외 ellipsizeMode에는 ‘head’, ‘middle’, ‘tail’, ‘clip’ 의 속성이 있다.