스와이프로 달력 넘기기

오늘의 개발 목표

스와이프

    화면을 스와이프 하여 이전 달 또는 다음 달로 이동할 수 있도록 구현

데이터 바인딩 

    diaryData에 포함된 다른 데이터도 보여주기

 

해결 방법

 

스와이프

  void _onHorizontalDragUpdate(DragUpdateDetails details) {
    if (details.delta.dx.abs() > 50) {
      // 오른쪽으로 
      if (details.delta.dx > 0) {
        _updateSelectedDate(-1); // 이전 달로 이동
      }
      // 왼쪽으로
      else {
        _updateSelectedDate(1); // 다음 달로 이동
      }
    }
  }

 

 

데이터 바인딩 

Column(
    children: [
      const Text('Additional Data:'),
      Text('Title: ${diaryData?.get('text')}'),
      // diaryData에서 필요한 필드를 가져와서 표시
    ],
),

 

앞으로의 계획

- 시뮬레이터로만 테스트하는 중이라 스와이프가 얼마나 사용자의 의도에 적절한 반응을 하는지 체크하지 못함,

  추후 실제 핸드폰으로 테스트할 수 있게 된다면 이 점을 확인필요 

- 각 날짜 페이지 UI 디자인 수정 필요