반응형
Text widget은 앱에서 Text를 보이고 싶을때 주로 사용한다.
Text widget 내부에서 Text의 폰트나 크기등을 조정 가능하다.
Text위젯을 이런식으로 사용헀을 경우 다음과 같은 결과가 나온다.
1
2
3
4
5
6
7
8
|
Text('hello world',
textAlign: TextAlign.center,
style: TextStyle(
fontSize: 20,
fontWeight: FontWeight.bold,
color: Colors.green,
),
),
|
cs |
이 부분은 아래 링크의 title에서 Text 내부만 수정한 것으로,
TextAlign은 center, left, right등을 통해 왼쪽정렬, 가운데 정렬, 오른쪽 정렬이 가능하다.
(하지만 바깥에 그 text의 위치를 fix할경우 적용되지 않을 수 있다. ex) appBar의 centertitle)
Textstyle 내부:
fontSize: 폰트 크기 조절
fontWeight: 폰트 변경(bold가 가장 많이 쓰임)
color: 색상 변경
반응형
'Flutter' 카테고리의 다른 글
유용한 key 정리 (android studio, flutter) (6) | 2021.08.18 |
---|---|
Flutter Sizedbox 로 여백 넣기 (0) | 2021.08.18 |
image 삽입(flutter) (0) | 2021.08.17 |
flutter 기본 코드 (0) | 2021.08.14 |
AppBar 총정리(flutter) (0) | 2021.08.14 |