[flutter] RichText에서 텍스트 색상 변경하기
RichText를 사용하면 다양한 스타일의 텍스트를 한 번에 표시할 수 있습니다. 여러 개의 TextSpan을 사용하여 텍스트 스타일과 색상을 지정할 수 있어 매우 유용한 기능입니다.
다음은 RichText에서 특정 부분의 텍스트 색상을 변경하는 방법입니다.
-
먼저, 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!” 부분은 빨간색으로 표시됩니다.
이와 같이 RichText
및 TextSpan
을 활용하면 복잡한 디자인의 텍스트를 구현할 수 있습니다.
더 많은 기능 및 사용 예제는 Flutter 공식 문서를 참고하시기 바랍니다.