[flutter] DropdownButton 위젯의 아이템을 동적으로 제거하기
Flutter에서 DropdownButton을 사용할 때, DropdownButton의 아이템을 동적으로 제거하는 방법에 대해 알아보겠습니다.
DropdownButton 위젯
DropdownButton은 사용자가 선택할 수 있는 여러 옵션 중 하나를 선택하는 데 사용됩니다. 예를 들어, “도시 선택”과 같은 드롭다운 목록을 만들거나, “성별 선택”과 같은 목록을 만들 때 사용됩니다.
동적으로 아이템 제거하기
DropdownButton의 아이템을 동적으로 제거하는 방법은 DropdownButton 아이템 목록을 변경하는 것입니다. 예를 들어, 사용자가 특정 조건을 충족할 때 특정 아이템을 제거하고 싶을 때, DropdownButton의 아이템 목록을 동적으로 변경할 수 있습니다.
아래는 DropdownButton 위젯에서 아이템을 동적으로 제거하는 예제 코드입니다.
List<String> _items = ['A', 'B', 'C', 'D'];
String _selectedItem = 'A';
@override
Widget build(BuildContext context) {
return DropdownButton<String>(
value: _selectedItem,
items: _items.map((String value) {
return DropdownMenuItem(
value: value,
child: Text(value),
);
}).toList(),
onChanged: (String? value) {
setState(() {
_selectedItem = value!;
_items.remove(value); // 선택된 아이템을 목록에서 제거
});
},
);
}
위의 코드에서 onChanged
콜백 내부에서 _items.remove(value)
를 호출하여 선택된 아이템을 목록에서 제거합니다.
마무리
이제 Flutter에서 DropdownButton 위젯의 아이템을 동적으로 제거하는 방법을 알아보았습니다. DropdownButton을 사용할 때 유연하게 아이템을 관리하여 사용자 경험을 향상시킬 수 있습니다.