自定義 DropdownButton 的彈出菜單

Question

如何設置DropdownButton菜單的背景顏色。 我可以自定義出現的Text()項目，但它們出現在我想更改顏色的容器中。

Answer 1

看起來dropdownColor設置處理這個：

DropdownButton<String>(
  dropdownColor: Colors.blue,

 // ...
}

.. 通過自動完成提供的選項找到它

Answer 2

像這樣的事情會起作用：

          DropdownMenuItem<int>(
            value: model.id,
            child: SizedBox(
              width: width,
              child: Container(
                color: Colors.green, // 
                child: Text(
                  model.toString(),
                ),
              ),
            ),
          )
        ) 

Answer 3

int _value = 0;

Widget _buildDropdown() {
  return DropdownButton(
    value: _value,
    items: [
      DropdownMenuItem(
        value: 0,
        child: Container(
          color: Colors.blue, // you need this
          child: Text("Zero"),
          width: 100,
          alignment: Alignment.center,
        ),
      ),
      DropdownMenuItem(
        value: 1,
        child: Container(
          color: Colors.green, // you need this
          child: Text("One"),
          width: 100,
          alignment: Alignment.center,
        ),
      ),
    ],
    onChanged: (value) => setState(() => _value = value),
  );
}