[flutter] DropdownButton 위젯으로 목록 만들기

08 Dec 2023

flutter

Flutter 앱에서 사용자가 선택할 수 있는 목록을 만들려면 DropdownButton 위젯을 사용할 수 있습니다. 이 위젯을 사용하면 사용자가 선택할 수 있는 목록을 간단하게 만들 수 있으며, 선택한 항목에 대한 상호작용도 지원합니다.

DropdownButton 위젯의 기본 구조

DropdownButton 위젯은 다음과 같이 구성됩니다.

DropdownButton<T>(
  value: _selectedItem,
  items: _dropdownItems,
  onChanged: (newValue) {
    setState(() {
      _selectedItem = newValue;
    });
  },
)

value: 현재 선택된 항목을 나타내는 변수
items: 드롭다운 목록에 표시할 항목들을 나타내는 리스트
onChanged: 사용자가 새로운 항목을 선택했을 때 호출되는 콜백 함수

DropdownButton 위젯의 예제

다음은 DropdownButton 위젯을 사용하여 간단한 목록을 만드는 예제입니다.

String _selectedItem = '항목 1';
List<String> _dropdownItems = ['항목 1', '항목 2', '항목 3'];

DropdownButton<String>(
  value: _selectedItem,
  items: _dropdownItems.map((String value) {
    return DropdownMenuItem<String>(
      value: value,
      child: Text(value),
    );
  }).toList(),
  onChanged: (String newValue) {
    setState(() {
      _selectedItem = newValue;
    });
  },
)

이 예제는 세 개의 항목을 가진 드롭다운 목록을 만들고, 사용자가 항목을 선택하면 해당 항목이 화면에 표시되도록 설정됩니다.

DropdownButton 위젯을 사용하여 Flutter 앱에서 사용자가 선택할 수 있는 목록을 만들어 보세요!

더 많은 정보는 Flutter 공식 문서를 참고하세요.