asset 추가 (img / font) home screen 뼈대 생성 / 구조 정리 상단 파트 분리 하단 이미지 삽입 하단 분리 / 코드 정리 디자인 최종 DatePicker 사용 아이콘을 누르면 데이터 피커를...
Continue reading...dart
Flutter – image carousel (토이 프로젝트)
PageView (이미지 스크롤) 코드 정리 반복되는 코드 정리 ! Timer 이용하여 자동으로 스크롤 되게
Continue reading...Flutter – StatefulWidget
Widget StatelessWidget 라이프 사이클 (Life Cycle) 기본 StatefulWidget 라이프 사이클(Life Cycle) [위젯이 생성되고 삭제될때의 생명주기] [파라미터가 바뀌었을때 생명 주기] StatelessWidget 에서는 파라미터가 변경(컨테이너 색깔 변경 등)되면 기존 위젯을 삭제하고 새로 위젯을...
Continue reading...Flutter – WebView
웹뷰 세가지 중점 Controller 특정 이벤트를 컨트롤 할 수 있는 컨트롤러를 등록하고, 이벤트 발생시 홈으로 리다이렉트하는 버튼을 만들어보자 HTTP 프로토콜 사용하고 싶다면? 기본적으로 모바일앱은 HTTP 프로토콜 사용을 막고 있다. 사용하고싶다면 각...
Continue reading...Flutter – Column , Row
MainAxisAlignment (주축) 위젯을 채우고 남는 공간을 모두 차지한다. CrossAxisAlignment (반대축) 위젯 넓이의 합 만큼만 차지한다. (주축과 반대) mainAxisSize 주축 mainAxis 의 사이즈를 설정할 수 있다. Expanded / Flexible Row나 Column의 children[]...
Continue reading...Flutter – SafeArea()
위젯 분리 및 호출 보면 생성한 각 사각형들이 위 상태바 및 화면을 벗어나는것을 볼 수 있다. 그래서 SafeArea() 로 감싸서 벗어나지 못하게 할 수 있다. 또 특정 영역 (하단의 경우)에만 전체화면...
Continue reading...Flutter – Splash screen 제작 방법
1. root 아래에 asset 생성 (이미지 , 파일 등) 2. pubspec.yaml 에서 asset 추가 pubspec.yaml 수정 후에는 항상 Pub get 해줘야한다. 3. main.dart 에서 위젯 클래스 생성 AS-IS TO-BE 4. asset...
Continue reading...Flutter – 기본 뼈대
runApp() 내부에는 무조건 MaterialApp 이 들어가야하고, 그 내부에는 home 과 Scaffold 가 정의되어야한다. 이것은 외우자. 또 Scaffold는, Implements the basic material design visual layout structure.This class provides APIs for showing drawers and bottom sheets.To display...
Continue reading...Dart – Async programming
기존 호출 플로우 Future await await를 쓴다고해서 cpu가 아무것도 안하고 기다리지 않고, 다른 태스크들을 처리하고 데이터가 패칭되었을때 다시 다음 줄을 실행한다. (비동기) main() 쓰레드에서도 실행순서가 중요할경우 이렇게 쓸 수 있음. async...
Continue reading...