목록2022/08 (4)

This Week's Record

[Flutter] 기본 위젯 4가지(Text, Icon, Image, Container)

글자넣는 Text() Text( '텍스트', style: TextStyle( fontSize: 24, // 폰트 크기 fontWeight: FontWeight.bold, // 폰트 두께 color: Colors.red, // 폰트 색상 ), ), 아이콘 넣을 땐 Icon() Icon(Icons.star) 이미지 넣고 싶으면 Image.asset('assets/dog.png') Image.network("이미지url"), 네모 박스 넣을 땐 Container(), SizedBox() Container( width: 200, // 폭 height: 200, // 높이 color: Colors.green, // 박스 색상 child: Text("This is Container"), // 자식 위젯 ), : C..
Flutter/GUI 2022. 8. 28. 01:00
[Flutter] Button

Button Button 위젯 위젯이나 기능에 대한 설명을 써준다 블라블라 Code Minimum Code TextButton( child: Text('버튼'), onPressed: (){} ) ElevatedButton( child: Text('버튼'), onPressed: (){} ) IconButton( icon: Icon(Icons.star), onPressed: (){} ) >>결과물 Maximul Code code >>결과물 버튼눌렀을때 화면위에 화면 올리기 vs 화면 갈아치워주기 (안드로이드에서 뒤로가기 눌렀을때 뒤로 가지나 아닌가의 차이로 이해하면될듯) TextButton( child: Text( 'Done Onboarding ', style: TextStyle(fontSize: 20.0)..
Flutter/GUI 2022. 8. 28. 00:59
[Flutter] Layout(Scaffold, Row, Column)

상중하로 나눠주는 Scaffold() 위젯 What? 앱은 대부분 [상단바 - body - 하단바] 로 나뉘어 있다. 이를 쉽게 구성하고 싶을 때 쓰는 위젯이 Scaffold()위젯 When? 상중하를 구성할 때 How to Use Scaffold( appBar: 상단에 넣을 다른 위젯, body: 중단에 넣을 다른 위젯, bottomNavigationBar: 하단에 넣을 다른 위젯, floatingActionButton: 플로팅 액션버튼에 넣을 다른 위젯, ), Scaffold( appBar: AppBar( title: Text('상단바')), body: Text('중간'), bottomNavigationBar: BottomAppBar(child: Text('하단바')), floatingActionBu..
Flutter/GUI 2022. 8. 28. 00:59
[Flutter] Dart 문법 요약

I 변수 II 자료형 III 흐름 제어문 IV 함수 V 클래스 들어가기 전 main(){} : main은 Dart에서 처음 시작 시 호출하는 약속된 함수 // : 주석 print() : print의 소괄호 안쪽에 값을 넣으면 console에 값이 출력 ; : Dart에서는 마지막에 세미콜론을 찍어줌 I 변수 변수 만들기 1. 자료형(상자가 담을 수 있는 재료의 종류) var : 처음 담긴 값으로 타입지정 String : 문자만 String? : 문자 또는 null상태 final String : 문자를 한 번 담은 뒤 재할당 불가 2. 변수명(상자의 이름) Dart의 변수명 만드는 규칙 영문, _, $, 숫자 만 사용! 숫자로 시작불가 카멜케이스(camelCase)사용 3. 변수에 담으려는 값(상자에 담기..
Flutter/기초&문법 2022. 8. 27. 23:38
이전 Prev 1 Next 다음