pomotime: UI 구현

그루두·2023년 11월 18일

https://github.com/soaringwave/pomotime/commit/d1943f327cb8459999a62baa44a9ad134fe367a7
위 링크를 통해 Browse Files > pomotimer 폴더로 이동해서 전체 파일을 확인할 수 있다.

  • work 상태와 rest 상태를 헤더로 구현
  • 가장 기본이 될 남은 시간을 중앙 원으로 구현
  • 타이머를 재생하고 초기화할 IconButton 배치
  • 총 work 시간을 볼 수 있는 탭으로 이동할 수 있도록 아래 Container로 배치

전체적으로 Flexible을 통해 화면의 비율에 맞춰 나타냈다. 그리고 아직 기능을 구현하기 전이라 남은 시간과 상태는 임의의 텍스트로 표현했다. IconButton 또한 onPressed를 () {}로 설정해 기능을 나중에 구현할 수 있도록 했다.

profile
계속 해보자

0개의 댓글