Flutter 알아둘 것 - 1

폴더 구조

• screen : 스크린 전체에 해당되는 위젯을 모아두는 폴더.
• component : 스크린을 구성하는 데 공통으로 사용할 만한 위젯
• model : 모델들
• const : 상수들

플러그인

웹뷰(웹 내 브라우저 기능), 카메라, 블루투스, GPS 등 pub.dev에 포함
pubspec.yaml 파일에 원하는 플러그인 추가 후, [ pub get ] 버튼으로 플러그인을 사용.

• pubspec.yaml : 프로젝트 내 자동 생성 파일, 폰트, 이미지, 플러그인 등을 지정하는데 사용한다. (yaml은 JSON과 유사한 구조)

dependencies:
	flutter:
    	sdk: flutter
        
    webview_flutter: 2.3.1 // 플러그인 추가

위젯의 형태

State가 내부에서 변경되었을 때, 위젯 자체에서 다시 렌더링을 실행하는 stateful 위젯
위젯과 위젯 내부에서 값이 변경되어도 위젯 자체적으로 다시 렌더링되지 않는 Stateless 위젯이 존재한다.

이미지 위젯

1. 기본 Image 생성자 : ImageProvide 위젯.
2. Image.asset 생성자 : 앱에 저장된 asset 파일로 이미지 출력.
3. Image.network 생성자 : URL로 그려냄
4. Image.file 생성자 : 파일로 그려냄
5. Image.memory : 메모리에서 직접 그린다.

Column / Row Size

Column 또는 Row는 세로 또는 가로로 최대 크기를 차지하는 특성을 가진다. 하지만, 반대로는 최소한의 크기만 차지한다.
따라서, Column 위젯 내 큰 위젯이 가로로 어떤 픽셀을 가진다면, 해당 Column 위젯 또한, 가로로 위젯의 가로 픽셀만큼 사이즈를 가지게 된다.

결과적으로, Row와 Column으로 어떻게 배치를 이루느냐가 중요하다.

Loading

CircularProgressIndicator(), LinearProgressIndicator()
valueColor 실제 애니메이션 움직이는 색상 / BackgroundColor