날짜선택(2)
-
[053] 플러터 (Flutter) 배우기 - bottom_picker 사용하여 날짜 선택하기
안녕하세요~ totally 개발자입니다. bottom_picker 지난 포스팅에서는 showDatePicker로 날짜를 선택하는 방법에 대해 살펴보았고 이번에는 bottomPicker를 통해 날짜를 선택하는 방법에 대해 살펴봅니다. bottomPicker 말 그대로 기기 아래 부분의 UI로 구성되어 날짜를 선택할 수 있도록 도와주는 패키지로 매우 간단하게 구현할 수 있습니다. Step 1: pubspec.yaml에 bottom_picker 패키지를 추가합니다. Step 2: 27번째처럼 변수를 선언해주시고 33~52번째 줄처럼 메소드를 선언하여 bottomPicker가 보여질 수 있도록 구성합니다. 여기에서는 dateOrder만 잘 해주시면 되는데 DatePickerDateOrder.ymd 즉 연/월/일..
2023.04.14 -
[052] 플러터 (Flutter) 배우기 - showDatePicker 사용하여 날짜 선택하기
안녕하세요~ totally 개발자입니다. showDatePicker 어플을 개발할 때 날짜를 입력 받아야 하는 경우가 종종 있는데 플러터에서는 showDatePicker을 통해 간단하게 구현할 수 있습니다. 바로 실습을 통해 살펴보도록 하겠습니다. Step 1: 라이브러리 설치 필요 없이 바로 구현 가능합니다. DateTime? _selectedDate; 처럼 변수를 미리 선언해줍니다. Step 2: showDatePicker 부분을 구현합니다 initialDate는 초기 날짜 세팅, firstDate와 lastDate는 선택 가능한 날짜의 범위를 정하는 것입니다. 그리고 then을 통해 위에 선언된 _selectedDate 변수에 상태를 업데이트해주면 됩니다. Step 3: 날짜를 선택한 후 선택한 날..
2023.04.13