self study/flutter&dart
[flutter] 코딩애플 보고 따라하는 플러터 - 기본 위젯
yeoonii
2023. 3. 12. 00:24
유튜브 코딩애플 강의를 보고 공부한 내용입니다.
1. flutter project 새로 만들기
2. main.dart 가 메인 페이지
3. analysis_options.yaml 에서 rules 부분에 아래 4줄 추가 >> lint 잠깐 끄는 용도
rules:
prefer_typing_uninitialized_variables : false
prefer_const_constructors_in_immutables : false
prefer_const_constructors : false
avoid_print : false
4. void main(){} 하단 다 지우기
5. 그 아래에 stless 입력 후 tab키 >> 마우스 공간에 MyApp 대입 >> 메인 페이지 세팅 끝
6. 마지막줄 build 부분에 return MaterialApp(코드짜기);
글자 위젯 | text() |
이미지 위젯 | Image.asset('경로') >> 이미지보관용 assets 폴더 만들고 이미지 넣기, 이미지 넣을 땐 pubspec.yaml 파일에 flutter :에 assets : 입력하고 이미지 등록 - assets/ 해두고 해야함 |
아이콘 위젯 | icon(icons.아이콘이름) >> 아이콘이름은 flutter 홈페이지에서 확인 |
박스 위젯 | Container(width : .., height : .., color: Colors. ..) 또는 SizedBox() 단위는 LP 50LP ==1.2cm |
Center() : 내 자식 위젯의 기준점을 중앙으로 설정 >> child : Container ...