RichText() 텍스트 꾸미기

" Hello bold world! " 해당 텍스트 작성 시 TextSpan()으로 문단을 구분 짓고 특정 문단을 꾸며 줄 수 있다

 

예시 1)

RichText(
  text: TextSpan(
    text: 'Hello ',
    style: DefaultTextStyle.of(context).style,  //디폴트 텍스트 스타일 적용으로 모든 요소들에게 적용 
    children: const <TextSpan>[
      TextSpan(text: 'bold', style: TextStyle(fontWeight: FontWeight.bold)), //특정 요소에 style정용시 우선적용
      TextSpan(text: ' world!'),
    ],
  ),
)

예시 2)

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

[ 위젯 트리 구성 ]

https://medium.com/flutter-community/make-text-styling-more-effective-with-richtext-widget-b0e0cb4771ef

Make text styling more effective with RichText widget