[flutter] DropdownButton 위젯을 사용하여 필터링된 목록 만들기
Flutter 앱을 개발할 때 종종 필터링된 목록이 필요합니다. DropdownButton 위젯은 사용자가 목록에서 항목을 선택할 수 있는 간단하고 효과적인 방법을 제공합니다.
이 블로그 포스트에서는 Flutter 앱에서 DropdownButton 위젯을 사용하여 필터링된 목록을 만드는 방법에 대해 알아보겠습니다.
필요한 패키지 설치
먼저, DropdownButton 위젯을 사용하기 위해 Flutter 프로젝트에 flutter/material.dart
패키지를 추가해야 합니다. pubspec.yaml
파일을 열고 다음을 추가합니다:
dependencies:
flutter:
sdk: flutter
flutter/material.dart:
이제 패키지를 설치하기 위해 터미널에서 다음 명령어를 실행하세요:
flutter pub get
DropdownButton 위젯 사용하기
다음으로, DropdownButton
위젯을 사용하여 필터링된 목록을 만들어보겠습니다.
String dropdownValue = 'Item 1';
DropdownButton<String>(
value: dropdownValue,
onChanged: (String newValue) {
setState(() {
dropdownValue = newValue;
// 필터링된 목록에 대한 작업 수행
});
},
items: <String>['Item 1', 'Item 2', 'Item 3', 'Item 4']
.map<DropdownMenuItem<String>>((String value) {
return DropdownMenuItem<String>(
value: value,
child: Text(value),
);
}).toList(),
)
위 코드에서 DropdownButton
위젯은 현재 선택된 값을 표시하고, 항목이 선택될 때마다 onChanged
핸들러가 호출됩니다. 이 핸들러에서는 선택된 값을 상태에 저장하고 필터링된 목록에 대한 작업을 수행할 수 있습니다.
마무리
이제, DropdownButton 위젯을 사용하여 필터링된 목록을 만들기 위한 기본적인 개념을 배웠습니다. 필요에 맞게 이를 조정하여 Flutter 앱에서 원하는 필터링된 목록을 만들어보세요.
참고 자료:
다음은 앱에서 DropdownButton 위젯을 사용하여 필터링된 목록을 만드는 방법에 대해 알아보겠습니다.