如何在flutter中删除DropDownSearch的边框

b5buobof 于 2023-02-05 发布在 Flutter

关注(0)|答案(3)|浏览(210)

我正在使用下拉搜索来获取和显示来自firebase的项目列表，但我得到了一个默认的表单字段框。我不想删除它，因为它与我的UI不匹配，有人能帮助我吗？
我使用的小部件是https://pub.dev/packages/dropdown_search
我说的是.

中出现的框
如果你建议我使用另一个小部件，然后请告诉如何在同一个搜索选项

flutter

来源：https://stackoverflow.com/questions/67447101/how-to-remove-border-from-dropdownsearch-in-flutter

3条答案

按热度按时间

z3yyvxxp1#

如果您想删除dropdown元素周围的边框，请将dropdownSearchDecoration设置为InputDecoration(border: InputBorder.none)：

DropdownSearch<String>(
                dropdownSearchDecoration: InputDecoration(border: InputBorder.none),
                // ...
              )

赞(0）回复(0）举报 2023-02-05

qjp7pelc2#

dropdownDecoratorProps: DropDownDecoratorProps(
                          dropdownSearchDecoration: InputDecoration(border: InputBorder.none),
                          
                          ),

赞(0）回复(0）举报 2023-02-05

eh57zj3b3#

DropdownSearch小部件边框具有其默认输入边框样式。要删除，我们需要将边框设置为InputBorder. none，用我们自己的inputBorder覆盖它。

- 代码**

DropdownSearch<String>(
  enabled: true,
  items: yourList,
  dropdownDecoratorProps: const DropDownDecoratorProps(
      dropdownSearchDecoration: InputDecoration(border:InputBorder.none),
              ),
  onChanged: (myVal) {},
  selectedItem: yourOwnSetValue
)

赞(0）回复(0）举报 2023-02-05

我来回答

如何在flutter中删除DropDownSearch的边框

3条答案

相关问题

热门标签

最新问答