Notice
Recent Posts
Recent Comments
Link
250x250
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | ||||||
2 | 3 | 4 | 5 | 6 | 7 | 8 |
9 | 10 | 11 | 12 | 13 | 14 | 15 |
16 | 17 | 18 | 19 | 20 | 21 | 22 |
23 | 24 | 25 | 26 | 27 | 28 |
Tags
- Compose
- 안드로이드
- Flutter
- 테스트
- intent
- 앱바
- 계측
- android
- Navigation
- drift
- tabbar
- activity
- viewmodel
- binding
- livedata
- Coroutines
- CustomScrollView
- appbar
- LifeCycle
- data
- textfield
- Button
- 앱
- Dialog
- DART
- ScrollView
- scroll
- textview
- Kotlin
- TEST
Archives
- Today
- Total
Study Record
[Flutter] 여러개의 텍스트 한번에 처리하기(RichText, TextSpan) 본문
728x90
🎁 RichText Class?
RichText 위젯은 여러 가지 유형을 사용하는 텍스트를 표시한다. 표시할 텍스트는 TextSpan 객체의 트리를 사용하여 설명되며, 각 트리에는 해당 하위 트리에 사용되는 관련 스타일을 따로 적용할 수 있다.
문장 중 특정 단어만 강조하거나 밑줄을 긋고 싶을 때 등등 여러가지 상황에서 사용될 수 있다.
[특정 단어 강조]

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

RichText(
text: TextSpan(
text: 'Hello ',
style: DefaultTextStyle.of(context).style,
children: const <TextSpan>[
TextSpan(text: 'underline', style: TextStyle(
decoration: TextDecoration.underline,
)),
TextSpan(text: ' world!'),
],
),
)

RichText(
text: const TextSpan(
text: "Don't tax the South ",
children: <TextSpan>[
TextSpan(
text: 'cuz',
style: TextStyle(
color: Colors.black,
decoration: TextDecoration.underline,
decorationColor: Colors.red,
decorationStyle: TextDecorationStyle.wavy,
),
),
TextSpan(
text: ' we got it made in the shade',
),
],
),
)
728x90
'Flutter > widget' 카테고리의 다른 글
[Flutter] padding widget (0) | 2023.02.04 |
---|---|
[Flutter] 날짜 선택 다이얼로그 (CupertinoDatePicker, showCupertinoDialog) (0) | 2023.02.03 |
[Flutter] Text() (0) | 2023.02.02 |
[Flutter - Wdiget] Container (0) | 2023.01.21 |
[Flutter - Wediget] MaterialApp (0) | 2023.01.19 |