DropdownButtonFormField 所选项目被剪掉

Question

在

DropdownButtonFormField

内，并具有以下

selectedItemBuilder

：

selectedItemBuilder: (context) {
    return widget.vatRates.vatRateList!.map<Widget>((item) {
        return Padding(
            padding: const EdgeInsets.only(top: 12.0),
            child: Text(
                item.name!,
                style: const TextStyle(fontSize: Sizes.p12),
            ),
        );
    }).toList();
},

所选项目被剪掉。尝试了

contentPadding

的

decoration

中的

InputDecoration

参数。

Answer 1

将

Stack

和

clipBehavior

设置为

Clip.none

可缓解此问题。还使用

Positioned

而不是使用

Padding

:

selectedItemBuilder: (context) {
    return widget.vatRates.vatRateList!.map<Widget>((item) {
        return Stack(
            clipBehavior: Clip.none,
            children: [
                Positioned(
                  bottom: -6,
                  child: Text(
                    item.name!,
                    style: const TextStyle(fontSize: Sizes.p12),
                  ),
                )
            ],
        );
    }).toList();
}