[flutter] DropdownButton 위젯의 아이템에 아이콘 추가하기

Flutter에서 DropdownButton은 사용자가 목록에서 값을 선택할 수 있는 위젯입니다. 이 위젯의 아이템에 아이콘을 추가하는 방법에 대해 알아보겠습니다.


DropdownButton의 아이템에 이미지나 아이콘을 추가하려면 DropdownMenuItem 위젯을 이용하여 아이템을 생성해야 합니다.

DropdownButton<String>(
  value: _selectedItem,
  onChanged: (String? value) {
    _onSelectedItem(value);
  },
  items: _dropDownItems.map<DropdownMenuItem<String>>((String value) {
    return DropdownMenuItem<String>(
      value: value,
      child: Row(
        children: <Widget>[
          Icon(Icons.ac_unit), // 여기에 아이콘 위젯을 추가합니다.
          SizedBox(width: 8),
          Text(value),
        ],
      ),
    );
  }).toList(),
);

위의 예제는 DropdownButton에 아이템을 추가하는 간단한 방법을 보여줍니다. 아이템을 생성할 때, 각 아이템을 나타내는 위젯을 만들고 여기에 아이콘 위젯을 추가하면 됩니다.


결론

이제 DropdownButton 위젯의 아이템에 아이콘을 추가하는 방법을 알아보았습니다. 이를 통해 UI를 풍부하게 꾸밀 수 있으며, 사용자가 목록에서 더 직관적으로 원하는 값을 선택할 수 있게 될 것입니다.

더 많은 정보를 원하시거나 관련된 코드 예제를 확인하고 싶다면, Flutter 공식 문서를 참고하세요.