[flutter] RichText에서 텍스트의 특정 부분 색상 변경하기

22 Dec 2023

flutter

예를 들어, 다음은 RichText에서 특정 부분의 텍스트 색상을 변경하는 간단한 예시입니다.

RichText(
  text: TextSpan(
    children: <TextSpan>[
      TextSpan(text: '이 텍스트는 '),
      TextSpan(
        text: '빨간색',
        style: TextStyle(color: Colors.red),
      ),
      TextSpan(text: '으로 표시됩니다.'),
    ],
  ),
)

위의 예시에서 빨간색으로 변경하고 싶은 텍스트 부분에 해당하는 TextSpan의 style 속성을 사용하여 색상을 지정했습니다.

RichText 위젯과 TextSpan을 사용하여 텍스트의 특정 부분에 대한 스타일, 색상, 폰트 등을 자유롭게 변경할 수 있습니다.