Flutter Dropdown 表单域

Posted

技术标签:

【中文标题】Flutter Dropdown 表单域【英文标题】:Flutter Dropdownformfield 【发布时间】:2021-01-20 21:56:33 【问题描述】:

如何在颤动中设置下拉表单字段的样式?我正在使用这个 dropdownformfield 包。而且我看不到以某种方式设置下拉列表样式的方法。我正在尝试将样式设置为容器的框装饰属性。

这里是 pub_dev 的链接:https://pub.dev/packages/dropdown_formfield

【问题讨论】:

【参考方案1】:

您可以使用DropdownButtonField,它包含在材料包中,没有任何外部依赖,并使用InputDecoration 对其进行样式设置,如下所示:

          value: snapshot.['item 1', 'item 2'],
                        items: snapshot.data
                            .map((e) => DropdownMenuItem(
                                  child: Text(e),
                                  value: e,
                                ))
                            .toList(),
                        onChanged: (val) ,
                        decoration: InputDecoration(
                          labelText: 'Course',
                          border: OutlineInputBorder(),
                        ),
                      );

【讨论】:

以上是关于Flutter Dropdown 表单域的主要内容,如果未能解决你的问题,请参考以下文章

学习内容

如何在 Flutter 中一次只在屏幕上显示一个表单域?

Flutter强大的下拉筛选菜单gzx_dropdown_menu

如何像 Flutter 中的 Spinner 一样在 DropdownButton 下方打开 DropDown 对话框?

如何根据其他下拉选择将本地 Json 加载到 Flutter DropDown?

Flutter Dropdown Button在屏幕导航期间不保存状态