[Flutter] RichText, TextSpan 설명 및 사용방법
2022. 10. 4. 13:57
Flutter
이번에는 RichText에 대해서 설명해 드리려고 합니다. 어플을 만들던 중 스타일이 혼합된 문자를 표현해야 할 일이 생겨서 이용하게 되었는데요. 이때처럼 RichText는 한 줄에 여러 스타일의 문자열을 나타내기 위해 사용할 수 있습니다. 예를 들면 아래 사진 같이 한 줄에 빨간 볼드체와 검은색 볼드체를 함께 쓰는 상황이 있을 때 RichText를 이용하여 나타낼 수 있습니다. 먼저 RichText의 구조에 대해서 설명을 드리겠습니다. RichText는 옆의 사진과 같이 트리구조로 이용할 수 있습니다. 가장 상위에 RichText, 그 아래 부모 위젯으로 TextSpan이 오고 이 TextSpan부터 텍스트를 이용할 수 있습니다. 만약 여러가지 Text를 혼합하여 사용하신다면 TextSpan하위에 ch..