/flutter_getx_mvvm

Flutter Clean architecture (with. getx, mvvm)

Primary LanguageC++

flutter_getx_mvvm

카카오 'Daum 검색 - 이미지 검색' API를 이용해 이미지 검색 앱을 만들었습니다.

  • getx를 이용하여, 상태 관리, 네비게이션, DI 관리에 사용했습니다.
  • [클린 아키텍처] 각 계층을 분리하여 의존성을 낮췄습니다.
  • mvvm 디자인 패턴을 따라가도록 만들었습니다.
Android iOS
search
(call API)		 android_call ios_call
paging android_paging ios_paging
error android_err ios_err

폴더 구조

/data
  /models
  /repositories
  /sources
/domain
  /repositories
  /usecases (생략)
/presentation
  /features
    /photo_detail
    /photos
  /utils
main.dart

기능

  • Flutter Clean architecture
    : 3가지 모듈로 나누어 바라봅니다. Data - Domain - App(Presentation)

    • Data: Repositories, source(call API) 데이터 처리
    • Domain: Repositories(interface), usecases, entities 비지니스 로직
    • Presentation: pages, state(model) ←→ presenter(controller)

  • GetX

    • 상태 관리, 네비게이션, DI 관리에 사용
    • debounce Worker를 이용해 1분간 검색 타이핑이 멈출 경우에만 검색이 되도록 설정

  • http api 통신

  • 에러 핸들링

  • 페이징 방식

  • 네트워크 이미지 캐싱

  • 테스트 코드

  • Sliver Widgets