Flutter의 RichText 위젯은 다양한 스타일을 적용할 수 있는 강력한 도구입니다. 텍스트의 자간을 설정하는 기능을 사용해보겠습니다.

RichText의 기본 동작

RichText는 여러 개의 TextSpan을 조합하여 다양한 스타일의 텍스트를 표시할 수 있습니다. 이를 활용하면 텍스트의 일부분에만 스타일을 적용할 수 있습니다.

RichText(
  text: TextSpan(
    text: 'Hello ',
    style: DefaultTextStyle.of(context).style,
    children: <TextSpan>[
      TextSpan(text: 'bold', style: TextStyle(fontWeight: FontWeight.bold)),
      TextSpan(text: ' world!'),
    ],
  ),
)

위 예제에서는 “Hello”와 “world!” 사이의 “bold” 텍스트에만 굵은 글씨체를 적용했습니다.

텍스트의 자간 설정

RichText를 사용하여 텍스트의 자간을 설정하려면, TextStyle 객체의 letterSpacing 속성을 활용하면 됩니다.

RichText(
  text: TextSpan(
    text: 'Letter Spacing Example',
    style: TextStyle(
      letterSpacing: 2.0, // 자간 설정
    ),
  ),
)

이 예제에서는 “Letter Spacing Example” 텍스트의 자간을 2.0으로 설정했습니다.

결론

RichText를 사용하면 텍스트의 일부분에만 특정 스타일을 적용하는 것이 가능합니다. 또한 letterSpacing를 사용하여 텍스트의 자간을 설정할 수 있습니다.

이를 활용하여 앱의 텍스트를 다채롭게 표현할 수 있을 것입니다.

더 많은 정보는 Flutter 공식 문서에서 확인할 수 있습니다.