Блог

Выпадающее поле buttonformfield в flutter не центрируется при использовании icon, а при использовании suffixIcon в его InputDecoration оно не будет доступно для нажатия. вот мой код:

  Container(
      height: 56,
      decoration: new BoxDecoration(
          color: widget.val == null ? AppColors.INPUT_COLOR : null,
          borderRadius: BorderRadius.circular(10.0)),
      child: DropdownButtonFormField(
        onChanged: widget.onChanged,
        iconSize: 24,
        items: widget.items,
        icon: Container(),
        value: widget.val,
        decoration: InputDecoration(
            suffixIcon: Icon(
              Icons.arrow_drop_down,
            ),
            // focusColor: Colors.transparent,
            focusedBorder: AppBorders.focusedBorder,
            enabledBorder: widget.val == null
                ? AppBorders.noBorder
                : AppBorders.defaultBorder,
            disabledBorder: AppBorders.defaultBorder,
            border: widget.val == null
                ? AppBorders.noBorder
                : AppBorders.defaultBorder,
            contentPadding: EdgeInsets.symmetric(vertical: 16, horizontal: 16),
            labelText: widget.label,
            labelStyle: TextStyle(
              color: AppColors.MAIN_TEXT.withOpacity(0.5),
            )),
      ),
    );
 

Когда я использую суффикс в оформлении ввода, выпадающий список не открывается при нажатии на значок.
Кроме того, если я использую значок dropdownButtonFormField следующим образом:

 Container(
      height: 56,
      decoration: new BoxDecoration(
          color: widget.val == null ? AppColors.INPUT_COLOR : null,
          borderRadius: BorderRadius.circular(10.0)),
      child: DropdownButtonFormField(
        onChanged: widget.onChanged,
        iconSize: 24,
        items: widget.items,
        value: widget.val,
        decoration: InputDecoration(
            // focusColor: Colors.transparent,
            focusedBorder: AppBorders.focusedBorder,
            enabledBorder: widget.val == null
                ? AppBorders.noBorder
                : AppBorders.defaultBorder,
            disabledBorder: AppBorders.defaultBorder,
            border: widget.val == null
                ? AppBorders.noBorder
                : AppBorders.defaultBorder,
            contentPadding: EdgeInsets.symmetric(vertical: 16, horizontal: 16),
            labelText: widget.label,
            labelStyle: TextStyle(
              color: AppColors.MAIN_TEXT.withOpacity(0.5),
            )),
      ),
    );
 

значок не будет располагаться по центру. Чтобы быть более конкретным, вот как мне нужно, чтобы это выглядело:

но вместо этого это выглядит так:

Как вы можете видеть, когда в раскрывающемся списке нет элемента, выбранного для выпадающего списка, значок не выравнивается по тексту