android - flutter 下拉对齐不正确

Question

我想要这样的下拉菜单 flutter
预期的:

使用 flutter dropdownformfield 我可以做类似的事情

如您所见，当我单击下拉按钮时，菜单项与按钮重叠。请在下面找到代码

DropdownButtonFormField(
                            isExpanded: false,
                            isDense: true,
                            items:  classes.map((category) {
                                    return new DropdownMenuItem(
                                        value: category,
                                        child: Row(
                                          children: <Widget>[
                                            Text(category),
                                          ],
                                        ));
                                  }).toList()
                                ,
                            onChanged: (newValue) {
                              // do other stuff
                              
                            },
                            value: _classroom,
                            decoration: InputDecoration(
                              contentPadding: EdgeInsets.fromLTRB(10, 0, 10, 0),
                              enabledBorder: UnderlineInputBorder(
                                  borderSide: BorderSide(color: Colors.white)),
                              hintText: "Select Class",
                              hintStyle: TextStyle(
                                color: Colors.grey[600],
                              ),
                            ),
                          )

这可以通过下拉小部件实现吗？如果没有，我该如何设计自定义下拉小部件？
谢谢

Answer 1

使用flutter的dropdownbutton2，菜单项从按钮底部对齐，甚至可以很好的自定义菜单项

包裹:DropDownButton2
供引用:Refer this link