기초 레이아웃 작성 디자인 적용 랜덤 숫자 생성 숫자를 State에 정의하고, 그걸 변환하는 코드를 작성한다. 코드 정리
Continue reading...Dart
Flutter – 우리 처음 만난 날 (토이 프로젝트)
asset 추가 (img / font) home screen 뼈대 생성 / 구조 정리 상단 파트 분리 하단 이미지 삽입 하단 분리 / 코드 정리 디자인 최종 DatePicker 사용 아이콘을 누르면 데이터 피커를...
Continue reading...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...