flutter - TextField的后缀不就是把widget放在TextField的右边吗？

Question

我想将此 CustomDropDownBtn 放在Brought Quantity TextField的后缀中。但它仍然没有将此小部件放置在文本字段的右侧。

TextField(
            decoration: InputDecoration(
              filled: true,
              fillColor: kTextFieldBgColor,
              enabledBorder: UnderlineInputBorder(
                borderRadius: BorderRadius.all(Radius.circular(12.0)),
                borderSide: BorderSide(style: BorderStyle.none),
              ),
              suffix: this.showSuffixWidget == true ? this.suffixWidget : null,
              focusedBorder: UnderlineInputBorder(
                borderRadius: BorderRadius.all(Radius.circular(12.0)),
                borderSide: BorderSide(style: BorderStyle.none),
              ),
            ),
          ),

上面代码中的后缀Widget是CustomDropDownBtn Widget。

尝试 CustomDropDownBtn 到suffixIcon，但没有奏效。另外，我试过

suffix: this.showSuffixWidget == true ? Align(alignment: Alignment.centerRight, this.suffixWidget) : null,

但没有奏效。

添加填充只是剩下的选项吗？

注意：删除this.showSuffixWidget == true ? this.suffixWidget : null,和添加Icon(...)似乎有效，但这不是我想要的。

标签： flutterflutter-layout

Answer 1

尝试使用 suffixIcon 而不是 suffix。或者也许用特定宽度的大小框包装 this.suffixWidget。