Ych_250421 - fairmeeting/fair_front GitHub Wiki

프론트엔드 기술 및 설명

  1. Main_Screen.dart
  • StatefulWidget을 사용하여 상태 변경이 가능하도록 설정
  • GridView.count를 사용하여 버튼 2x2 형태로 구성
  • Navigatior.push를 사용하여 다른 화면 이동 MaterialPageRoute(builder: (context) => const PutLocationScreen()) const 뒤에 다른 화면을 입력하여 그 화면으로 이동하도록 라우팅 설정
  1. Put_Location.dart
  • LocationController을 사용해 백과 프론트 간의 위치 데이터 관리
  • SingleChildView를 통하여 지도에서 스크롤을 할 수 있도록 구성
  1. Calender_Screen.dart
  • AppointmentCalendarScreen를 사용하여 캘린더 화면 구현
  • DropdownButton을 사용해 날짜를 선택하면-> setState호출하여 해당 날짜를 생성 후 -> focused를 변경 -> jumpTopage를 통해 캘린더에서 원하는 해당 월로 이동
  • onPageChanged를 이용해 캘린더 스와이프를 구현 캘린더를 좌우로 스와이프하면 onPageChanged를 통해 해당되는 날짜를 계산하고 이동
  1. My_Info_Screen.dart
  • ListView를 통하여 버튼들 메뉴리스트 구현 _buildOutlinedMenu을 통해 특정 아이콘과 텍스트를 갖는 OutlinedButton을 반환함
  1. Settings_Screen.dart
  • _SettingsItem을 통하여 버튼들 메뉴리스트 구현 (My_Info_Screen의 ListView와 비슷한 기능이나 나중에 통일시킬 예정)

6.Login_Screen.dart

  • State을 통해 로그인 기능 구현 TextEditingController를 통해 아이디, 비밀번호를 입력할 수 있도록 구현
  • Future kakaologin() async를 통해 카카오톡으로 로그인하도록 구현
  • CheckBox( value : stayLoggedIn)을 통해 로그인 유지기능을 추가 <-> db와 연동
⚠️ **GitHub.com Fallback** ⚠️