플러터(Flutter)에서 DropdownButton을 사용하면 사용자가 항목을 선택할 수 있는 드롭다운 목록을 만들 수 있습니다. 이 포스트에서는 DropdownButton을 만들고 사용하는 방법에 대해 알아보겠습니다.

DropdownButton 생성하기

먼저 DropdownButton을 생성하는 방법부터 알아보겠습니다. DropdownButton를 생성하려면 DropdownButton 위젯을 사용합니다. 다음은 DropdownButton를 생성하는 예제 코드입니다.

String dropdownValue = 'Option 1';

DropdownButton<String>(
  value: dropdownValue,
  onChanged: (String? newValue) {
    setState(() {
      dropdownValue = newValue!;
    });
  },
  items: <String>['Option 1', 'Option 2', 'Option 3', 'Option 4']
      .map<DropdownMenuItem<String>>((String value) {
    return DropdownMenuItem<String>(
      value: value,
      child: Text(value),
    );
  }).toList(),
)

위 코드에서는 DropdownButton을 생성하고, 초기값과 선택 항목들을 설정하고 있습니다. 또한, 사용자가 항목을 선택했을 때의 동작도 정의하고 있습니다.

DropdownButton 속성

DropdownButton에는 다양한 속성이 있습니다. 몇 가지 주요 속성은 다음과 같습니다.

• value: DropdownButton의 현재 값입니다.
• onChanged: 항목이 선택되었을 때 호출되는 콜백 함수입니다.
• items: 드롭다운 목록에 표시될 항목들입니다.

결론

이렇게 플러터에서 DropdownButton을 사용하는 방법에 대해 알아보았습니다. DropdownButton을 사용하여 사용자가 항목을 선택할 수 있는 드롭다운 목록을 만들 수 있습니다. 플러터 앱을 개발할 때 DropdownButton을 유용하게 활용해보세요.

참고: Flutter DropdownButton 공식 문서