Flutter에서 DropdownButton는 사용자가 항목을 선택할 수 있는 드롭다운 목록을 제공합니다. DropdownButton를 사용하면 사용자 경험을 향상시키고 선택 옵션을 효과적으로 제공할 수 있습니다.

DropdownButton 속성

items

items 속성은 드롭다운 목록에 표시될 각 항목을 정의합니다. 여기에는 DropdownMenuItem 위젯을 사용하여 목록에 표시할 항목과 해당 값을 정의합니다.

DropdownButton<String>(
  items: <String>['Option 1', 'Option 2', 'Option 3']
    .map((String value) {
      return DropdownMenuItem<String>(
        value: value,
        child: Text(value),
      );
    })
    .toList(),
  onChanged: (String? newValue) {
    // 선택한 항목이 변경될 때 수행할 작업
  },
);

value

value 속성은 현재 선택된 항목의 값을 나타냅니다.

String dropdownValue = 'Option 1';

DropdownButton<String>(
  value: dropdownValue,
  items: ...
  onChanged: (String? newValue) {
    ...
  },
);

onChanged

onChanged 속성은 항목이 변경될 때 호출할 함수를 정의합니다.

DropdownButton<String>(
  value: dropdownValue,
  items: ...
  onChanged: (String? newValue) {
    setState(() {
      dropdownValue = newValue!;
    });
  },
);

DropdownButton 매개변수

items

items 매개변수는 드롭다운 목록에 표시될 항목들을 정의합니다.

value

value 매개변수는 현재 선택된 항목의 값을 정의합니다.

onChanged

onChanged 매개변수는 항목이 변경될 때 호출할 함수를 정의합니다.

DropdownButton는 위와 같은 속성과 매개변수를 사용하여 각 항목의 값과 표시 텍스트를 정의하고, 선택된 항목을 추적하며, 항목이 변경될 때 실행할 작업을 정의할 수 있습니다.

이를 통해 DropdownButton를 효과적으로 활용하여 사용자가 쉽게 항목을 선택할 수 있도록 지원할 수 있습니다.