问题标签 [flutter-dropdownbutton]

我是新的应用程序开发。如何在颤动中为下拉菜单添加单独的文本样式，就像我需要为下拉菜单添加黑色文本颜色和为下拉菜单中的选定值添加白色文本颜色一样？

我是flutter的新手，我想在flutter的Textformfield中创建一个可搜索的下拉菜单。如下图——

我想在左侧显示图标，在右侧显示文本，如图所示。当我单击任何建议项目时，它应该进入 textformfield。数据将从服务器加载。我将从服务器 api 调用接收 json 格式的图标和文本。请为我提供任何解决方案来实现这一目标。

我想创建一个下拉按钮，当我将鼠标悬停在按钮上时它会展开。所以基本上我不必点击展开DropdownButton。有没有人有代码示例或可以帮助我？

我已经有几周的时间了。我非常喜欢它，但我有一个我不明白的问题。我用下面的方法淹死了。它在 dartpad 中运行良好，但 Visio 抛出错误，我不知道该怎么做。请帮忙。

错误：

目的？newValue
类型为“对象？”的值 不能分配给“字符串”类型的变量。尝试更改变量的类型，或将右侧类型转换为 'String'.dartinvalid_assignment

代码：

我尝试选择DropdownButton item这样的：

但不幸的是，它抛出了这个异常：

似乎有一些东西一直在DropdownButton item用相同的键创建一个相同的东西，从而使小部件测试失败，因为tester.tap()不能同时“点击”两个小部件。

这是小部件的完整实现DropdownButton：

我有一个使用 ListView.builder 显示的项目列表（5-6 项） 。每个项目都包含一个 DropdownButton 小部件，供用户从 1 到 1000 中选择一个数字，因此包含1000 个 DropdownMenuItems。

我实现它如下所示，但问题是向下滚动 ListView太慢而且卡顿。即使 listView 有 5 或 6 个项目，但请注意，每个项目都有一个嵌入的 DropdownButton，其中包含 1000 个 DropdownMenuItem。

有解决办法吗？或者另一种方式来满足我的要求？

注意：即使我将DropdownMenuItems 的数量减少到 100 ，向下滚动 ListView 时它仍然会卡顿。

编辑

我将 MyItem 类更改为如下，但仍然存在同样的问题。

尝试使用ListView和ListView.custom而不是ListView.builder来提前构建整个列表，而不是根据这个懒惰地构建整个列表，但仍然是同样的问题。

我还尝试使用--profile配置运行应用程序来模拟发布版本。性能更好，但仍然遭受可怕的口吃和滞后。在模拟器和物理设备上测试。

我想创建一个漂亮的DropDownButton. 不幸的是，这似乎很难。虽然设计很好，但每当我想选择不同的项目时，列表会以一种非常难看的方式落在选择之上。下面是当前版本的图片。

之后：

下面是我的代码：

有人对如何改善这一点有建议吗？我基本上想要一个低于当前选定值的平滑选择。非常感谢！！

我ListView最多缺少 10 件商品。每个列表项将包含一个DropDownButton大约 1KDropDownMenuItems的选项。

在原生 Android 中，我能够实现一个执行非常流畅的功能，但是使用 Flutter 需要一段时间来构建导致 UI 冻结的 ListView。

在我的情况下，我需要在其中一项的每次更改时重建 ListView，所以这将是一个主要问题。

有没有办法让 ListView 构建得更快，或者至少能够显示ProgressBar直到它构建？

NB：使用--profile配置来模拟发布版本可以大大提高性能，但仍然感觉冻结。

这是我的示例代码，如果您想自己测试，可以直接复制/粘贴。

我正在尝试构建一个可搜索的下拉列表，该下拉列表将在每次单击按钮时从服务中加载值。因此，为此我将 DropDownButton 和 TextField 封装在 Stack Widget 中。

在按键上，我们得到了 api 的响应，到目前为止一切都很好。但是从 api 下拉列表中获取数据后没有打开。经过一番挖掘，我才知道它没有打开，因为我们需要手动点击它才能打开，但由于它在堆栈中，第二个孩子是 TextField，我无法点击它。

但是以编程方式打开 DropDownButton 按钮是不可能的。所以我尝试了https://stackoverflow.com/a/59499191/10423593的第二个解决方案，但它没有用。

下面是我的代码，没有来自stackoverflow的解决方案。

所以我在我的应用程序中创建了一个 DropdownButton。问题是，每当我单击下拉菜单时，应用程序就会崩溃。我很困惑，因为当我在单击 DropdownButton 之前单击 TextFormFields 等其他小部件时，它似乎工作正常。

错误信息： 'package:flutter/src/material/dropdown.dart': Failed assertion: line 581 pos 12: 'menuHeight == menuBottom - menuTop': is not true.

这是我的下拉按钮：