Flutter 플러터에서 드롭다운 버튼의 너비를 전체 너비로 조정하고 드롭다운 화살표 아이콘을 조정합니다., Full width DropdownButton with adjust dropdown arrow icon in Flutter

질문

Flutter에서는 전체 너비로 DropdownButton을 추가하고 드롭다운 화살표 아이콘도 조정해야 했습니다. 그러나 많은 시도를 해봤지만 너비가 전체로 확장되지 않았습니다.

DropdownButton에 대한 코드는 다음과 같습니다:

new Expanded(
    child: new Column(
    children: <Widget>[
        new DropdownButton(
            items: [
                new DropdownMenuItem(child: new Text("Abc")),
                new DropdownMenuItem(child: new Text("Xyz")),
            ],
            hint: new Text("도시 선택"),
            onChanged: null
          )
       ]
    ),
    flex: 1,
)

답변

Just adding isExpanded:true to the DropdownButton

  Widget example() {
    return DropdownButton(
          isExpanded: true,
            items: const [
               DropdownMenuItem(child: Text("Abc")),
               DropdownMenuItem(child: Text("Xyz")),
            ],
            hint: const Text("Select City"),
            onChanged: null
        );
  }

다음과 같이 isExpanded:true를 DropdownButton에 추가합니다.

  Widget example() {
    return DropdownButton(
          isExpanded: true,
            items: const [
               DropdownMenuItem(child: Text("Abc")),
               DropdownMenuItem(child: Text("Xyz")),
            ],
            hint: const Text("도시 선택"),
            onChanged: null
        );
  }