如何在带有颜色的 Flutter 上设置强制性 DropDownButton？

Question

我是这样开发的下拉菜单。一切正常。默认情况下，下拉列表不是 select 任何值。如何在值等于 null（没有 select）时设置红色边框或装饰之类的东西。 我的下拉代码和图片

 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,
              ),
            ),
          ),

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

Answer 1

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

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

如何在带有颜色的 Flutter 上设置强制性 DropDownButton？

How to set mandatory DropDownButton on Flutter with Colors?

dart

flutter

flutter-layout

flutter-animation