[flutter] DropdownButton 위젯의 아이템 색상 변경하기

08 Dec 2023

flutter

Flutter에서 DropdownButton 위젯을 사용하여 드롭다운 목록을 표시할 때, 목록 아이템의 색상을 변경할 수 있습니다. 이를 위해서는 DropdownButton 위젯과 함께 DropdownMenuItem 위젯을 사용하여 각 아이템의 색상을 개별적으로 설정해야 합니다.

DropdownButton<String>(
  value: selectedValue,
  items: items.map<DropdownMenuItem<String>>((String value) {
    return DropdownMenuItem<String>(
      value: value,
      child: Text(
        value,
        style: TextStyle(color: Colors.blue), // 아이템의 색상을 여기서 변경
      ),
    );
  }).toList(),
  onChanged: (String? value) {
    setState(() {
      selectedValue = value!;
    });
  },
)

위의 예제 코드에서 DropdownMenuItem 위젯 내부의 Text 위젯의 style에서 color 속성을 이용하여 아이템의 색상을 변경할 수 있습니다.

더 많은 스타일링 옵션과 관련 정보는 공식 Flutter Documentation을 참고하시기 바랍니다.