drop-down-menu - 自定义 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),
  );
}