flutter - 如何让芯片在下拉小部件中正确显示？

Question

我正在使用 Dropdown 小部件，而对于 DropdownItem，我正在使用 Chip 小部件

 items:options.map((f) {
                      return DropdownMenuItem(
                        child: Chip(
                          label: Text(
                            f['option'],
                            style: TextStyle(color: hexStringToColor(f['attributes']['text']), fontSize: 12),
                          ),
                          backgroundColor:
                              hexStringToColor(f['attributes']['color']),
                        ),
                        value: f['optionid'],
                      );
                    }).toList()));

在列表中，芯片看起来很棒：

但是一旦选择，芯片并没有完全显示：

我玩过许多样式设置，但不清楚/不明显如何让芯片完全渲染？有任何想法吗？

标签： flutter

Answer 1

用容器包装你的 dropdownButton 并根据需要设置高度

Container(
            height: 55,
            child: DropdownButton(
             
            ),
          ),

输出：