Flutter-Study

Studying Flutter (09/17 ~
with Codefactory

Project

Web View

웹 뷰를 이용해서 블로그 Application으로 만들기

Skill & Stack

Stack & Skill

• Web View
  
• AppBar
  
• pub.dev(open source project 활용법)
  
  

Fast Link

Image Carousel

이미지 자동으로 넘겨주는 Application

Skill & Stack

Stack & Skills

• PageView (터치로 좌, 우 스크롤 가능하도록)
  
• Timer (특정 기간마다 지정 함수 실행)
  
• StatefulWidget
  
• Life Cycle
  
• controller
  
• System Chrome
  
  

Fast Link

u_and_i Project

연인이 만난 일자를 DatePicker로 입력해주면 그 시간을 기록해주고 이후로 시간이 얼마나 지났는지 Tracking 해주는 앱.

Skill & Stack

Stack & Skills

• Font 적용
  
• DatePicker
  
• 날짜 다루기
  
• 테마 적용하기
  
• 최상위 class에서 data 정렬
  
• Theme 설정해서 main에서 UI 관리하기
  
• .of(context) constructor의 의미
  
• showCupertinoDialog (밑에서 올라오는 알림창)
  

Fast Link

random_number

Skill & Stack

Stack & Skills

• Navigation
  
• Button
  
• Slider
  
• 난수생성 (Random Number)
  
• Padding Widget
  

Fast Link

video_player

Skill & Stack

Stack & Skills

• Video Player 플러그인
  
• image_Picker 플러그인
  
• Stack 위젯
  
• AspectRatio 위젯
  
• gradient
  
• Aspect Ratio(화면 비율)
  
• Opacity(투명도)
  
• didUpdateWidget
  

Fast Link

스케줄러

스케줄러를 통한 일정관리

Skill & Stack

Stack & Skill

• SQLite를 이용한 데이터 관리
  
• 간단한 SQL 문법
  
• Drift 패키지 (SQLite ORM)
  
• Table Calendar 패키지 (캘린더)
  
• Getlt 패키지 (Dependency Injection)
  
• Spinkit 패키지 (로딩 위젯)
  
• Intl 패키지 (다국어화)
  
• TextField (글자 인풋받기)
  
• padLeft (글자 표현식)
  
• BoxDecoration으로 원 만들기
  
• IntrinsicHeight (row 내에서 가장 높은 개체의 높이로 높이 제한하기)
  
• FloatingActionButton
  
• showModalBottomSheet (밑에서 부터 알림창 올라오는 widget (cupertino Dialog와 비슷함))
  
• viewInsets(키보드가 가리는 만큼의 사이즈 구하기)
  

[main](https://github.com/rookedsysc/Flutter-Study/blob/main/flutterProject/web_view/lib/main.dart)

Have to fix

CompactDatePicker initial Value 저장안됨, DatePicker로 선택한 날짜로 Date 저장 안됨.

오늘도 출근

Google Map을 이용해서 회사 근처에 도착하면 출근 기능 구현.

Skill & Stack

Stack & Skill

• Google Maps 지도 사용하기
  
• 지도에 마커 표시하기
  
• 지도에 동그라미 표시하기
  
• 현재 위치 표시하고 위도, 경도 구하기
  
• 위도, 경도간 거리 구하기
  
• Material Dialog (알람 발생)
  

Live Video Chatt

화상 통화 기능 구현.

Skill & Stack

Stack & Skill

• Agora API
  
• RTC (Real Time Communication
  
• Shadow
  
• Stack
  
• permission_handler: ^10.0.2
  
• BoxDecoration
  

Blog Posting

Blog Posting Flutter Docs