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

08 Dec 2023

flutter

Flutter에서 DropdownButton을 사용하여 아이템에 이미지를 추가하는 방법에 대해 알아보겠습니다.

DropdownButton 위젯

DropdownButton 위젯은 사용자가 선택할 수 있는 목록을 표시하는 UI 요소입니다. 사용자가 목록에서 항목을 선택하면 해당 항목이 현재 선택된 항목으로 표시됩니다.

이미지가 포함된 DropdownButton 아이템 만들기

DropdownButton<String>(
  value: _selectedItem,
  onChanged: (String? value) {
    setState(() {
      _selectedItem = value!;
    });
  },
  items: [
    DropdownMenuItem(
      value: 'item1',
      child: Row(
        children: <Widget>[
          Image.asset('assets/item1.png', width: 20, height: 20),
          SizedBox(width: 8),
          Text('Item 1'),
        ],
      ),
    ),
    DropdownMenuItem(
      value: 'item2',
      child: Row(
        children: <Widget>[
          Image.asset('assets/item2.png', width: 20, height: 20),
          SizedBox(width: 8),
          Text('Item 2'),
        ],
      ),
    ),
  ],
)

위와 같은 방법으로 DropdownButton 위젯의 아이템에 이미지를 추가할 수 있습니다.

마치며

이러한 방법을 통해 DropdownButton 위젯에 이미지가 포함된 아이템을 만들 수 있습니다. 이미지를 사용하여 사용자가 항목을 더 쉽게 식별할 수 있게 되며, 더 나은 사용자 경험을 제공할 수 있습니다.

문의나 더 많은 정보는 Flutter 공식 문서를 확인해주세요.