Flutter 플러터 긴글 내용 접고 펼치기, expandable_text 간단 라이브러리

인스타그램을 보면 긴 게시글 내용을 접고 펼치고 할 수 있는 이벤트를 간단하게 expandable_text 라이브러리를 통해 구현할 수 있습니다.

 

▶ 설치 

flutter pub add expandable_text

• 텍스트를 탭하면 텍스트가 확장되거나 축소됩니다( expandOnTextTap, collapseOnTextTap)
• 축소된 텍스트의 보이는 줄 수를 구성합니다( maxLines)
• 선택적 접두사 텍스트 스타일 및 탭 콜백( prefixText, prefixStyle, onPrefixTap)
• 접힌 텍스트를 확장하기 위한 링크 ( expandText)
• 확장된 텍스트를 축소하기 위한 선택 링크 ( collapseText)
• 링크의 스타일을 구성합니다 ( linkStyle/ linkColor)

ExpandableText(
    '글내용',
    prefixText: '닉네임과 같은 고정 텍스트',
    onPrefixTap: () {
    	print('prefix 클릭 시 발생할 이벤트');
    },
    prefixStyle: const TextStyle(
      fontWeight: FontWeight.bold,
    ),
    expandText: '더보기',
    collapseText: '접기',
    maxLines: 3,
    expandOnTextTap: true,
    collapseOnTextTap: true,
    linkColor: Colors.grey,
  ),

---

flutter expandable_text