问题标签 [flutter-dropdownbutton]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
4 回答
3561 浏览

flutter - 突出显示 DropdownButton 中的选定值(如 PopupMenuButton)

按下a 时PopupMenuButton,当前选定的值会突出显示,在此处输入图像描述

但是当DropdownButton按下 a 时,当前选择的值不会突出显示。 在此处输入图像描述

有没有办法突出 a 的选定值DropdownButton

以下是一些示例代码供参考:

这是一个显示该问题的视频:

在此处输入图像描述

0 投票
2 回答
432 浏览

flutter - 如何在 DropdownButton 周围绘制边框,如 TextFormField 边框?

StackOverflow 上有很多答案解释了如何在小部件周围绘制边框。但是,我正在寻找类似 TextFormField 的东西。

普通的 DropdownButton 只有一个underline属性,但我正在寻找类似以下设计的东西:

在此处输入图像描述

正如您在此处看到的,下拉列表有一个边框和一个标题。我可以underline从 DropdownButton 小部件中删除该属性,但是否有任何自定义小部件可用于包装 DropdownButton?

0 投票
1 回答
23 浏览

flutter - 下拉按钮限制显示的项目

我遇到了以下问题:我希望用户使用下拉按钮选择一个月中的某一天。所以我的项目是数字 1 到 31。现在列表变得很长,下拉按钮非常大。是否有解决方案可以同时显示例如 5 个元素?

}

在链接中,您会看到我对大列表的问题。

在此处输入图像描述

0 投票
2 回答
1408 浏览

flutter - Flutter:关闭下拉按钮(DropdownMenu)

有没有办法在执行 onTap 函数时关闭包含所有 DropdownMenuItems 的DropdownButton的选择菜单(DropdownMenuItem中的 GestureDetector)?

这是我对 Alperen Baskaya 方法的实现(略微简化的版本,以便可以理解)。但是,这种方法还不起作用,我不确定是因为我实施不正确还是因为该方法不适用于我的问题。

0 投票
0 回答
62 浏览

flutter - “QuerySnapshot”类没有实例获取器“doc”

我需要你的帮助。这是我试图实现的场景。

  1. 用户注册应用程序
  2. 用户成功注册后,他们需要将自己与代理商关联。新用户将被带到代理商页面。页面上有一个 DropdownButton,其中填充了现有机构。此 DropdownButton 是从 Firestore 文档中填充的。

我可以使用 Stream 从文档中获取数据,但无法让它填充 DropdownButton。

我在日志中收到以下错误

======== 小部件库捕获的异常====================================== ================== 在构建 StreamBuilder(dirty, state: _StreamBuilderBaseState<QuerySnapshot, AsyncSnapshot>#4fe22) 时引发以下 NoSuchMethodError:类 'QuerySnapshot' 没有实例获取器 'doc '。接收方:“QuerySnapshot”实例尝试调用:doc

相关的导致错误的小部件是: StreamBuilder file:///C:/Users/nkane/AndroidStudioProjects/tonnah/lib/screens/agency_screen.dart:190:26 当抛出异常时,这是堆栈:#0 Object .noSuchMethod (dart:core-patch/object_patch.dart:54:5) #1 _AgencyScreenState.build。(package:tonnah/screens/agency_screen.dart:199:54) #2 StreamBuilder.build (package:flutter/src/widgets/async.dart:545:81) #3 _StreamBuilderBaseState.build (package:flutter/src/widgets /async.dart:124:48) #4 StatefulElement.build (package:flutter/src/widgets/framework.dart:4612:27) ...

E/flutter(13608):[错误:flutter/lib/ui/ui_dart_state.cc(186)]未处理的异常:NoSuchMethodError:方法'[]'在null上调用。E/flutter (13608): 接收者: null E/flutter (13608): 尝试调用: E/flutter (13608): #0 Object.noSuchMethod (dart:core-patch/object_patch.dart:54:5) E/flutter (13608): #1 _AgencyScreenState.getCurrentAgencyProfile (package:tonnah/screens/agency_screen.dart:96:62) E/flutter (13608): E/flutter (13608):

我一直在阅读很多帖子并遵循他们所说的内容,但我无法让它发挥作用。

0 投票
2 回答
46 浏览

flutter - 在颤振中从 QuerySnapshot 中提取数据

我需要从 Firestore 中的文档填充 DropdownButton。我可以检索数据。当我查看 snapshot.data 时,我看到了 2 条记录,这是我希望看到的。在下面的代码中,只要我注释掉您所看到的代码片段,一切正常。

当我取消注释代码并运行应用程序时,我收到此错误:

我想要完成的是使用文档 ID 填充 value: 属性,但我在 snapshot.data 中看不到它。我想做的另一件事是使用来自 snapshot.data 的一些值填充 child: 属性。

我该怎么做呢?

0 投票
1 回答
192 浏览

flutter - 在 Flutter 中为 DropdownButton 创建项目列表

我又遇到了 DropdownButton 的另一个问题。

DropdownButton 未启用。我在 api.flutter.dev 中找到了这个

如果 onChanged 回调为 null 或项目列表为 null,则下拉按钮将被禁用,即其箭头将显示为灰色并且不会响应输入。

这是我现在的代码:

forEach 循环运行良好,在调试模式下我可以看到文档对象中有数据。我不知道如何调试 DropdownButton 代码以查看按钮未激活的原因。任何的意见都将会有帮助。谢谢。

0 投票
0 回答
61 浏览

flutter - Flutter 自定义 DropdownMenuItem

我正在使用对象列表填充 DropDownButton。

列表朋友

DropDownButton 小部件

当下拉菜单展开时,它将显示一个包含朋友信息的卡片列表。问题是默认值

值:listFriends[0].name,

我分配了名称(我只想在下拉菜单未展开时显示名称),但这显示了我为 DropdownMenuItem 实现的卡。如何仅显示所选下拉值的朋友姓名,当它展开时,它应该显示卡片列表。

0 投票
0 回答
21 浏览

flutter - 将 DropdownButton 中的选定项目设置为从 firestore 文档中检索到的项目

DropdownButtons在你们许多人的帮助下,我已成功添加到我的应用程序中。谢谢。

现在,当我从 firestore 文档填充屏幕时,我需要列表中的项目与文本窗口DropdownMenuItem中显示的文档中存储的值相匹配。DropdownButton我使用 Stream 来构建DropdownMenuItem列表。

我想我拥有所有适用于这个特定 DropdownButton 的代码。因此,当页面加载时,我需要将存储在文档中的代理显示在 DropdownButton 中。再次感谢!

0 投票
1 回答
25 浏览

flutter - 下拉按钮使用本地数据 - 不要在屏幕上列出项目,仅在热重载后

我是新手,我不知道如何解决这个问题。

我有一个带有 await 方法的列表,但我的屏幕不会等待列表加载到列表,只有当我使用热重载更新时,屏幕才能工作。

我的异步方法

我的屏幕

我试过使用futurebuilder,但我不认为这是我的问题。

我不知道该怎么办了