如何在 Flutter with Colors 上设置强制 DropDownButton？答案

【问题标题】：How to set mandatory DropDownButton on Flutter with Colors?如何在 Flutter with Colors 上设置强制 DropDownButton？
【发布时间】：2019-05-02 07:07:30
【问题描述】：

我是这样开发的。一切正常。默认情况下，下拉菜单不选择任何值。如何设置红色边框或类似装饰的值等于 null（不选择）。 我的下拉代码和图片

 Align(
            alignment: Alignment.bottomLeft,
            child: Container(
              child: Text('Priority',
                  style: TextStyle(fontWeight: FontWeight.w400)),
            ),
          ),
          // dropBox(),
          Container(
            //  width: 200.0,
            child: ButtonTheme(
              alignedDropdown: true,
              child: DropdownButton<Priority>(
                isExpanded: true,
                value: _priorities,
                //hint: Text("Select"),
                items: priority.map((Priority value) {
                  return DropdownMenuItem<Priority>(
                    value: value,
                    child: Text(
                      value.description,
                      overflow: TextOverflow.ellipsis,
                    ),
                  );
                }).toList(),
                onChanged: (value) => setState(() {
                      priorityIndex = value.id;
                      _priorities = value;
                    }),

             style: Theme.of(context).textTheme.title,
              ),
            ),
          ),

我需要喜欢这个下拉菜单，

【问题讨论】：

标签： dart flutter flutter-layout flutter-animation

【解决方案1】：

你已经快到了。你已经用Container 包裹了你的DropdownButton - 现在你只需要设置它的decoration 属性来实现你想要的样式：

return Container(
  decoration: BoxDecoration(
    border: Border.all(color: _priorities != null ? Colors.red : Colors.transparent),
  ),
  child: DropdownButton(
    ...

【讨论】：