Coder Social home page Coder Social logo

pseudo-sendy-android's People

Contributors

kick-snare avatar

pseudo-sendy-android's Issues

내부 페이지 Navigating 설정

이미 기획과 디자인이 존재하므로 미리 네비게이팅을 하여 불필요한 작업을 줄인다.

생각하고 있는 대략적인 구조는 아래와 같다.

- OrderForm
  - DateTimeSelection
  - LocationSelection
  - VehicleSelection
  - LoadDetail
  - ServiceOptionSelection
- PaySelection

OrderForm 상태 관리를 위한 ViewModel 수정

  • 각각의 TypeForm에서 선택한 내용을 저장해봅시다.
  • MVI 구조의 뷰모델을 활용할 것이기에 Contract에 상태를 모두 정의
  • setEvent / setSideEffect / setState 등을 적극 활용

디자인 리소스 및 상수 추가

디자인 관련 리소스를 추가합니다.

  • 이미지 리소스 추가
  • 아이콘 리소스 추가
  • typeface 서체 추가
  • 색상 추가
  • UI 상수 값 추가

Compose Text InnerPadding 불일치

#10 를 구현하면서 TypoGraphy에서 의도하지 않는 Padding이 발생

의도한 디자인 구현되는 화면
image image

Compose 의 innerPadding issue 인것으로 추정하며 platformStyle 적용 시도할 것

MVI 도입을 위한 BaseViewModel 작성

Todo

compose와 함께 MVI 패턴을 첨가한 뷰모델을 작성할 예정이다.
이를 위해 Base View Model을 만들것. 참고
그리고 OrderFormMain 에 적용해본다.

Base View Model

  • 베이스 뷰모델에는 MVI 패턴을 활용하기 위해 기본적으로 UI 상태 / SideEffect / UI 이벤트 를 가진다.
  • 이후 상태를 다룰 때에는 직접 조작하는 것이 아닌 MVI의 상태 순환 열차에 태워 비동기적으로 업데이트 하도록한다.

상태와 이벤트 등을 정의하는 Contract를 정의 해야함을 인지

DateTimeSelection 화면 UI 개발

image

TODO

  • 초기 화면 개발
  • 공통 부분 컴포넌트 화
  • 날짜 선택
  • 시간 선택

고려사항

  • 직접 date picker, time picker 구현할 것인가?

-> 일단 시스템 내장으로 구현해보고 시간 되면 바꾸기

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.