플러터(Flutter) 앱을 개발하다보면 텍스트를 다양한 스타일로 표현해야할 때가 있습니다. 예를 들어, 텍스트 일부를 굵게 하고, 일부를 기울임체로 표시하거나, 다른 색상으로 강조하는 등의 작업이 필요할 때가 있죠. 이럴 때 RichText 위젯이 유용하게 활용될 수 있습니다.

RichText 위젯 소개

RichText 위젯은 여러 서로 다른 스타일의 text span을 지원하는 플러터 위젯입니다. 각 텍스트 span은 서로 다른 스타일이나 구성 속성을 가질 수 있어 텍스트의 특정 부분에 다양한 스타일을 적용할 수 있습니다.

RichText 위젯 사용 예시

다음은 RichText 위젯을 사용하여 텍스트의 일부분을 굵게 하고 색을 변경하는 예시 코드입니다.

RichText(
  text: TextSpan(
    text: '이 텍스트는 ',
    style: DefaultTextStyle.of(context).style,
    children: <TextSpan>[
      TextSpan(text: '굵게', style: TextStyle(fontWeight: FontWeight.bold)),
      TextSpan(text: ' 표시되고, '),
      TextSpan(text: '색상이 변경됩니다.', style: TextStyle(color: Colors.blue)),
    ],
  ),
)

위 코드에서는 TextSpan을 사용하여 각 텍스트 span에 대한 스타일을 지정할 수 있습니다.

RichText 위젯은 텍스트를 다양하게 표현할 수 있도록 해주며, UI를 풍부하게 표현하기 위한 기능을 제공합니다.

애니메이션, 게임, 차트, 사용자 상호작용 등 다양한 기능을 포함하여 플러터를 사용하여 이러한 작업을 처리할 수 있으며, 문서에서 나머지 기능을 확인할 수 있습니다.

플러터 공식문서 - RichText 위젯