[flutter] RichText에서 텍스트의 특정 부분 글자 크기 변경하기

이 블로그 포스트에서는 FlutterRichText 위젯을 사용하여 텍스트의 특정 부분에 글자 크기를 변경하는 방법에 대해 알아보겠습니다.

RichText란 무엇인가?

RichText 위젯은 여러 스타일을 가진 다양한 텍스트를 표시할 수 있는 Flutter 위젯입니다. 여러 텍스트 스타일(글자 크기, 글자색, 폰트 등)을 하나의 RichText 위젯 안에서 조합하여 표시할 수 있습니다.

글자 크기 변경하기

텍스트의 특정 부분에만 글자 크기를 변경하기 위해서는 TextSpan을 사용하여 해당 부분을 지정하고, style 속성을 이용하여 글자 크기를 설정해야 합니다.

RichText(
  text: TextSpan(
    text: '이 글자는 기본 크기입니다. ',
    style: DefaultTextStyle.of(context).style,
    children: <TextSpan>[
      TextSpan(
        text: '이 부분의 글자 크기를 변경합니다.',
        style: TextStyle(fontSize: 20.0),
      ),
    ],
  ),
),

위 예제에서는 RichText 위젯 안에서 TextSpan을 사용하여 두 개의 텍스트 스타일을 조합했습니다. 두 번째 TextSpan에는 fontSize 속성을 사용하여 글자 크기를 20.0으로 설정했습니다.

이제 여러분은 RichText 위젯을 사용하여 Flutter 앱에서 텍스트의 일부분에 글자 크기를 변경하는 방법을 알게 되었습니다.

결론

RichText 위젯과 TextSpan을 이용하여 텍스트의 특정 부분에 글자 크기를 변경할 수 있습니다. 이를 통해 앱에서 다양한 텍스트 스타일을 쉽게 적용할 수 있습니다.

이상으로 RichText를 이용한 글자 크기 변경에 대한 내용을 마치겠습니다. 감사합니다.

참고 자료