Flutter 앱을 개발하다보면 텍스트의 특정 부분에만 스타일을 다르게 적용해야 하는 경우가 있습니다. 특히 RichText 위젯을 사용하면 텍스트의 각 부분에 서로 다른 스타일을 쉽게 적용할 수 있습니다.

RichText 위젯

RichText 위젯은 다양한 텍스트 스타일을 적용할 수 있는 강력한 도구입니다. 이 위젯을 사용하면 텍스트의 각 부분에 서로 다른 스타일을 적용할 수 있으며, 각 부분에 위젯을 포함시킬 수도 있습니다.

특정 부분 스타일 변경하기

텍스트의 특정 부분에 스타일을 변경하려면 TextSpan 위젯을 사용하여 각 부분에 원하는 스타일을 적용할 수 있습니다.

예를 들어, 텍스트의 일부분을 강조하기 위해 Bold체로 표시하고 싶다면 다음과 같이 코드를 작성할 수 있습니다:

RichText(
  text: TextSpan(
    text: '안녕하세요, ',
    style: DefaultTextStyle.of(context).style,
    children: <TextSpan>[
      TextSpan(text: '여러분', style: TextStyle(fontWeight: FontWeight.bold)),
      TextSpan(text: '입니다.'),
    ],
  ),
),

위 코드에서는 “여러분” 부분에만 Bold체 스타일을 적용하여 강조된 텍스트를 출력할 수 있습니다.

텍스트의 특정 부분에 스타일을 변경하는 방법을 익히면 UI 디자인 및 사용자 경험을 향상시키는 데 도움이 될 것입니다.

더 많은 정보를 원하시면 다음 문서를 참고하세요: Flutter - RichText