RichText는 다양한 텍스트 스타일을 쉽게 적용할 수 있는 위젯입니다. 텍스트의 양 끝 부분에 특정 효과를 추가하는 것은 글자의 강조나 주의를 끌기 위한 좋은 방법입니다.

RichText 위젯 소개

Flutter에서 RichText 위젯은 다중 서식 텍스트를 표시합니다. RichText를 사용하면 서로 다른 서식(텍스트 스타일, 크기, 색상 등)을 갖는 부분 텍스트를 포함하는 위젯을 만들 수 있습니다.

텍스트의 양 끝 부분에 효과 추가하기

RichText를 사용하여 텍스트의 양 끝 부분에 효과를 추가하려면 RichText 위젯 내에서 TextSpan을 사용해야 합니다. TextSpan은 텍스트에 적용할 서식을 정의하는 데 사용됩니다.

아래는 RichText에서 텍스트의 양 끝 부분에 효과를 추가하는 간단한 예제 코드입니다.

RichText(
  text: TextSpan(
    children: <TextSpan>[
      TextSpan(
        text: 'Important ',
        style: TextStyle(fontWeight: FontWeight.bold),
      ),
      TextSpan(
        text: 'message',
      ),
      TextSpan(
        text: '!',
        style: TextStyle(color: Colors.red),
      ),
    ],
  ),
)

위 예제에서 ‘Important’는 굵은 글꼴로 표시되고, ‘!’는 빨간색으로 표시됩니다.

이와 같이 다양한 TextSpan을 조합하여 원하는 효과를 얻을 수 있습니다.

결론

RichText를 사용하여 텍스트의 양 끝 부분에 효과를 추가하는 방법을 알아보았습니다. 이를 통해 텍스트에 독자의 시선을 집중시키거나 강조하는 등의 다양한 효과를 쉽게 적용할 수 있습니다.

RichText를 효율적으로 사용하여 풍부한 서식을 갖는 텍스트를 만들어보세요.

참고 자료:

• Flutter - RichText class
• Flutter - TextSpan class