오공완(with 코드팩토리의 플러터 프로그래밍) #16 (일정 관리 앱 만들기)

// 이곳에 쓴 내용은 앱 만들기라는 버킷리스트를 달성하기 위해 플러터를 공부하면서 정리하고 있는 내용입니다.

플러터에 대해 아는 것이 거의 없기 때문에 정리하면서 오류가 있을 수 있습니다.

오류를 발견하신 분은 댓글 남겨 주시면 감사하겠습니다.

 

새로운 기능: table_calendar플러그인, 주색상 설정, 일정 내용 필드 구현, 달력 언어 설정

 

사전준비:

1. pubspec.yaml

오늘은 엄청난 양을 추가했다. 아래와 같은 오류 메시지가 뜨기에 왠지 버전 업하라는 거 같아서 path 버전업

 

2. 프로젝트 초기화(screen폴더에 home_screen.dart 파일 만들고, main.dart 파일에 홈스크린다트 파일 등록)

 

  일정 관리 앱 구현하기

 

1. 주색상 설정하기(const 폴더 만들고, colors.dart파일 만들기)

2. 달력 구현하기(component 폴더 만들고, table_calendar.dart파일 만들기)

이후 달력 스타일링을 한 상태, 가운데는 코드 몇 개를 빼먹었다. 그런데 더 이쁜 듯..^^;;

 

  - 콜백 함수 등록하기

이제 날짜 선택이 가능

3. 선택된 날의 일정 보여주기:ScheduleCard 위젯(component 폴더에 schedule_card 다트 추가) - 위 그림

 

4. 오늘 날짜 보여주기:TodayBanner위젯(component 폴더에 today_banner 다트 추가)

이 기능은 필요한가?

5. 일정입력하기(component 폴더에 schedule_bottom_sheet 다트 파일 추가) (위 사진 두 번째, 세 번째)

 착착 진행되니 기분이가 좋다~~^^;;

 

6. 일정 내용 필드 구현하기(component 폴더에 custom_text_field 다트 파일 추가)

ElevatedButtion에 style을 primary로 지정하지 않나 보다. the named parameter 'primary' isn't defined.라고 되어 있다. 어딘가 보면 stateful 위젯으로 만든 플러터 예제 파일도 있었다. 암튼, 난 backgroundColor를 사용해 봤다.

원하는 디자인이 나오지 않아서 foregroundColor에 화이트를 추가해 줬다.

 

<추가 설명>

dev_dependencies: 플러그인 개발할 때만 사용되고 앱과 함께 패키징 되지는 않음. 개발할 때만 필요한 플러그인.

 

keyboardType는 핸드폰에서 보여주는 키보드만 제한, inputFormatters는 특정 입력 자체를 제한