Flutter學習-DropdownButton組件

DropdownButton可以做一個下列式選單。

影片:https://www.bilibili.com/video/BV168411V7jf/?vd_source=fa9081c24751e12d42048a4d68c83d90

DropdownButton需要一個 items 參數，這個參數是一個List<DropdownMenuItem>類型，每個DropdownMenuItem包含一個child和一個value，child是顯示在按鈕上的文字，value是下拉選項對應的值。

另外，DropdownButton也提供了一個onChanged的參數，用於監聽下拉選項的改變，一般與value屬性配合，達到切換選項的效果。

如下範例:

DropdownButton(
  items: const [
    //設定選項
    DropdownMenuItem(
      child: Text('第一個選項'),
      value: "第一個選項",
    ),
    DropdownMenuItem(
      child: Text('第二個選項'),
      value: "第二個選項",
    ),
  ],
  onChanged: (String? selectValue) {
    //要執行的活動
    setState(() {
      //配合下面的vaule屬性使用，在前要設定
      //_dropDownValue=selectValue;
    });
  },
  //更改右邊的圖標
  icon: Icon(Icons.add),
  //圖標大小
  iconSize: 30.0,
  //寬度是否佔滿整個空間
  isExpanded: true,
  //設定一變量，讓你在點選時，利用setState改變它
  //value: _dropDownValue,
);