seong

Flutter - Text.rich 본문

Flutter/Flutter

Flutter - Text.rich

hyeonseong 2022. 11. 26. 16:46

한 문단에 글자들을 각각 여러 스타일을 적용하고 싶을때 rich를 사용해 TextSpan()들의 모음으로 완성한다.

TextSpan로 하나의 문장에 여러가지 TextSpan들을 합쳐서 만들었다.

Text.rich(
      TextSpan(
        children: [
          TextSpan(text: "안녕", style: TextStyle(color: Colors.blue)),
          TextSpan(text: "하세요", style: TextStyle(fontWeight: FontWeight.bold, color: Colors.green)),
          TextSpan(text: "Text공부중입니다.", style: TextStyle(fontSize: 10, color: Colors.red)),
        ],
      ),
    ),

 

'Flutter > Flutter' 카테고리의 다른 글

Flutter selectCheckbox  (0) 2022.12.05
flutter ViewInset영역 처리 하기 - 키보드, FormField영역 겹치지 않게 하기  (0) 2022.12.01
InkWell 위젯 - 버튼화 시키기  (0) 2022.11.25
Container의 decoration으로 테두리 주기  (1) 2022.11.25
appbar 의 elevation로 그림자 값 주기  (0) 2022.11.25
'Flutter/Flutter' Related Articles more