Flutter

[Flutter] 텍스트 스타일

귀뚜래미 2022. 10. 31. 15:20
728x90

 

텍스트 스타일(style: TextStyle())

- 텍스트에 여러가지 하위 속성들을 입히고자 한다면 Text() 위젯, style: 안에 원하는 스타일을 입력한다.

- color : 텍스트에 색깔을 입힌다.

- letterSpacing : 글자 간격을 지정한다.

- fontSize : 글자 사이즈를 지정한다.

- fontWeight : 폰트의 생김새를 지정한다.

 

텍스트 스타일 

- Color의 경우 color 명으로도 색을 지정할 수 있지만 다른 방법으로도 세밀하게 색상을 지정할 수 있다.

 

Color c = const Color(0xFF42A5F5);
Color c = const Color.fromARGB(0xFF, 0x42, 0xA5, 0xF5);
Color c = const Color.fromARGB(255, 66, 165, 245);
Color c = const Color.fromRGBO(66, 165, 245, 1.0);

https://api.flutter.dev/flutter/dart-ui/Color-class.html

 

Color class - dart:ui library - Dart API

An immutable 32 bit color value in ARGB format. Consider the light teal of the Flutter logo. It is fully opaque, with a red channel value of 0x42 (66), a green channel value of 0xA5 (165), and a blue channel value of 0xF5 (245). In the common "hash syntax"

api.flutter.dev

어차피 다 못외우니 필요하면 도큐먼트를 검색하는 습관을 들이도록 한다.

728x90

'Flutter' 카테고리의 다른 글

[Flutter] AppBar 사용하기  (0) 2022.11.09
[Flutter] 버튼 디자인  (0) 2022.10.31
[Flutter] 플러터 박스 디자인  (0) 2022.10.31
[Flutter] 레이아웃 및 Scaffold  (0) 2022.10.31
[Flutter] Flutter 기본 위젯  (0) 2022.10.25