android - 在 flutter 中将图标添加到 DropDownButton(扩展)的左侧

Question

我想在 DropDownButton 左侧添加图标但找不到这样做的方法。
我想要实现的是这样的:



我已经尝试过以下代码，但它会将图标放在我不想要的地方，并且它还会覆盖箭头图标:

 `@override
  Widget build(BuildContext context) {
  return Scaffold(
  body: Container(
    margin: EdgeInsets.only(top: 64.0, left: 16.0, right: 16.0),
    color: Colors.white,
    child: DropdownButton(
      icon: Icon(
        Icons.person,
        color: Colors.redAccent,
        size: 20.09,
      ),
      isExpanded: true,
      items: _studentList.map((val) {
        return DropdownMenuItem(
          value: val,
          child: Text(val),
        );
      }).toList(),
      value: _currentSelectedItem,
      onChanged: (value) {
        setState(() {
          _currentSelectedItem = value;
        });
      },
    ),
  ),
);
  }`

上面代码的输出是这样的:



我也试过放置 Icon()和 DropDownButton()里面 Row()小部件，但不允许 DropDownButton()扩大到全宽。

任何帮助，将不胜感激。

谢谢

Answer 1

使用下拉按钮表单字段 因为它具有装饰性。您可以使用前缀图标 属性设置左侧的图标。
示例:

DropdownButtonFormField<String>(
         decoration: InputDecoration(
         prefixIcon: Icon(Icons.person),
         ),
         hint: Text('Please choose account type'),
         items: <String>['A', 'B', 'C', 'D'].map((String value) {
         return DropdownMenuItem<String>(
         value: value,
         child: new Text(value),
       );
      }).toList(),
     onChanged: (_) {},
),

结果: