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 앱에서 원하는 필터링된 목록을 만들어보세요.

참고 자료:

• Flutter DropdownButton 공식 문서

다음은 앱에서 DropdownButton 위젯을 사용하여 필터링된 목록을 만드는 방법에 대해 알아보겠습니다.