Day 5 - 내비게이션 바, 타임라인 만들기
·
개발일지 : 모멘톡(momentalk)
오늘도 개인 프로젝트를 계속 진행해봤다.바텀 내비게이션 바, 그리고 타임라인을 아래와 같이 구성해봤다.Figma 와이어프레임에서는 각 시간별로 가운데에 동그라미 표시를 넣어서완료여부를 표시하려고 했는데, 아무래도 구현이 어려워서 시간만 표시하도록 했다.그리고 시간별 구분선을 넣어서 깔끔하게 디스플레이를 구성햇다. 커스텀 체크박스 위젯은 직접 만들었는데, 화면 크기에 따라 입력가능한 글자수를 조정할 수 있도록 했다.아래와 같이 화면 가로길이에 맞게 입력글자수 조정 코드를 넣어봤다. @override Widget build(BuildContext context) { final double screenWidth = MediaQuery.of(context).size.width; final doub..
Day 4 - To Do List Section Layout 수정
·
개발일지 : 모멘톡(momentalk)
오늘은 오랜만에 모멘톡 데일리 플랜 페이지의 레이아웃 수정을 다시 해봤다.1차로 완성된 To Do List 레이아웃은 아래와 같다.체크박스를 몇개 넣을까 하다가 일단 8개를 넣었다.근데 이 부분이 너무 많은 공간을 차지하는 느낌도 들어서 이부분을 접었다 폈다 하는 토글기능을 넣을까 싶기도 하다. 각각의 체크박스는 아래와 같이 컴포넌트화 하여 만들었다.import 'package:flutter/material.dart';import 'package:momentalk/core/constants/app_colors.dart';import 'package:momentalk/core/constants/app_textStyle.dart';class CustomCheckbox extends StatefulWidget..