[flutter] RichText에서 텍스트 색상 변경하기

RichText를 사용하면 다양한 스타일의 텍스트를 한 번에 표시할 수 있습니다. 여러 개의 TextSpan을 사용하여 텍스트 스타일과 색상을 지정할 수 있어 매우 유용한 기능입니다.

다음은 RichText에서 특정 부분의 텍스트 색상을 변경하는 방법입니다.

  1. 먼저, RichText를 생성합니다.

     RichText(
       text: TextSpan(
         children: <TextSpan>[
           TextSpan(
             text: 'Hello, ',
             style: TextStyle(color: Colors.black),
           ),
           TextSpan(
             text: 'world!',
             style: TextStyle(color: Colors.red),
           ),
         ],
       ),
     )
    

TextSpan 위젯을 사용하여 각각의 텍스트 스타일과 색상을 지정합니다. 위 예제에서 “Hello, “ 부분은 검정색으로, “world!” 부분은 빨간색으로 표시됩니다.

이와 같이 RichTextTextSpan을 활용하면 복잡한 디자인의 텍스트를 구현할 수 있습니다.

더 많은 기능 및 사용 예제는 Flutter 공식 문서를 참고하시기 바랍니다.