happy coding

[flutter] 코딩애플 보고 따라하는 플러터 - 기본 위젯 본문

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 ... 

https://youtu.be/mLQ-ehf3d6Y

 

Comments