[flutter] RichText에서 텍스트의 부분에 대한 특정 위치 설정하기

22 Dec 2023

flutter

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

위의 예제에서 TextSpan 위젯을 사용하여 부분 텍스트에 대한 특정 위치를 설정했습니다. 예를 들어, “beautiful” 텍스트에 FontWeight.bold 스타일을 적용하고, “world” 텍스트에 FontStyle.italic 스타일을 적용했습니다.

이러한 방식으로 TextSpan을 사용하면 각각의 텍스트에 대해 원하는 스타일 및 서식을 쉽게 적용할 수 있습니다. 이것을 사용하여 RichText 위젯에서 텍스트의 부분에 대한 특정 위치를 설정할 수 있습니다.

Flutter - RichText