1. Text위젯이란?
Flutter에서 텍스트를 표시하는 데 사용. 이 위젯은 문자열을 표시하고 다양한 스타일 및 레이아웃 옵션을 설정할 수 있다.
2. 기본적인 형태
Text( '텍스트 내용', style: TextStyle( fontSize: 16.0, fontWeight: FontWeight.normal, fontStyle: FontStyle.normal, color: Colors.black, letterSpacing: 1.0, // 기타 스타일 옵션들... ), ), |
여기서 TextStyle 위젯은 텍스트의 스타일을 정의한다. 이것은 텍스트의 크기, 글꼴 가중치, 스타일, 색상 등을 제어한다. Text 위젯 내에서 스타일을 변경하는 것 외에도, TextSpan을 사용하여 텍스트의 일부분에 대해 다른 스타일을 적용할 수도 있다.
3. 예제
Text.rich( TextSpan( text: 'Hello', // 일반 텍스트 style: TextStyle(color: Colors.black), children: <TextSpan>[ TextSpan( text: ' beautiful', // 일부 텍스트 스타일을 변경하고 싶은 경우 style: TextStyle(fontWeight: FontWeight.bold, color: Colors.blue), ), TextSpan( text: ' world!', // 나머지 텍스트 style: TextStyle(color: Colors.black), ), ], ), ), |
이처럼, Text.rich 위젯을 사용하면 Text 위젯 내에서 부분적으로 스타일을 변경할 수 있다.
'공부방 > Flutter' 카테고리의 다른 글
[Flutter] SingleChildScrollView함수(위젯) (0) | 2024.02.14 |
---|---|
[Flutter] Padding 함수(위젯) (0) | 2024.02.13 |
[Flutter] Transform.translate 함수(위젯) (0) | 2024.01.29 |
[Flutter] 유용한기능 (0) | 2024.01.21 |
[Flutter] 가이드라인 셋팅하기 (0) | 2024.01.17 |