-
[FLUTTER] Scaffold & TextFlutter 2023. 3. 14. 14:50
[Scaffold]
건물을 지을 때 공사장에 먼저 비계(Scaffold)를 설치하고 작업을 시작합니다. 앱에서도 화면을 그릴 때도, Scaffold 위젯으로 시작
Scaffold 위젯의 역할?
: 한 페이지의 특정 영역에 위젯을 쉽게 배치할 수 있도록 틀을 잡아줌
Scaffold( appBar: 다른 위젯, // 상단 바 body: 다른 위젯, //화면 중앙에 가장 큰 면적 bottomNavigationBar: 다른 위젯, //하단 바 floatingActionButton: 다른 위젯, //우측 하단 ),
[Text]
: 텍스트를 보여줄 때 Text 위젯을 사용
Text( '텍스트 위젯', style: TextStyle( fontSize: 35, // 폰트 크기 fontWeight: FontWeight.bold, // 폰트 두께 color: Colors.amber, // 폰트 색상 ), ),
- 자동완성 단축키 이용해서, 속성목록 확인
window : Ctrl + Space
macOS : option + Esc속성 이용해서 글씨체 키우기
'Flutter' 카테고리의 다른 글
[FLUTTER] Container (margin & padding & alignment / boxDecoration) (0) 2023.03.14 [FLUTTER] AppBar & Padding (0) 2023.03.14 [FLUTTER] Button (0) 2023.03.14 [FLUTTER] TextField (0) 2023.03.14 [FLUTTER] Flutter 이해하기 & 프로젝트 준비 (0) 2023.03.14