首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

NoSuchMethodError:对null调用了getter 'value‘。:为flutter中的dropdown按钮填充dropdown项列表

NoSuchMethodError是Dart语言中的一个异常,表示在调用一个对象的方法或访问其属性时,找不到对应的方法或属性。在Flutter中,当我们在使用DropdownButton时,如果尝试为其填充dropdown项列表时出现NoSuchMethodError:对null调用了getter 'value'的错误,通常是由于以下几个原因导致的:

  1. 未正确初始化DropdownButton的value属性:DropdownButton的value属性用于指定当前选中的值,如果未正确初始化该属性,就会出现NoSuchMethodError。确保将value属性设置为一个非空的值,例如设置为列表中的第一个选项。
  2. 未正确初始化DropdownButton的items属性:DropdownButton的items属性用于指定下拉列表中的选项列表,如果未正确初始化该属性,就会出现NoSuchMethodError。确保将items属性设置为一个非空的列表,其中包含DropdownMenuItem组件。

下面是一个示例代码,演示了如何正确填充DropdownButton的dropdown项列表:

代码语言:txt
复制
String dropdownValue = 'Option 1';

DropdownButton<String>(
  value: dropdownValue,
  onChanged: (String newValue) {
    setState(() {
      dropdownValue = newValue;
    });
  },
  items: <String>['Option 1', 'Option 2', 'Option 3', 'Option 4']
    .map<DropdownMenuItem<String>>((String value) {
      return DropdownMenuItem<String>(
        value: value,
        child: Text(value),
      );
    })
    .toList(),
)

在上述示例中,我们首先定义了一个名为dropdownValue的变量,用于保存当前选中的值。然后,我们创建了一个DropdownButton组件,并将value属性设置为dropdownValue。在onChanged回调中,我们更新了dropdownValue的值,并调用setState方法来重新构建界面,以更新选中的值。最后,我们使用items属性来填充下拉列表的选项,通过map方法将选项列表转换为DropdownMenuItem组件的列表。

推荐的腾讯云相关产品:腾讯云云服务器(CVM)和腾讯云对象存储(COS)。

  • 腾讯云云服务器(CVM):提供可扩展的云服务器实例,可满足各种计算需求。您可以根据实际需求选择不同配置的云服务器,并根据业务需求灵活调整配置。了解更多信息,请访问:腾讯云云服务器(CVM)
  • 腾讯云对象存储(COS):提供安全、稳定、低成本的对象存储服务,适用于存储和处理各种类型的数据。您可以将静态文件、图片、音视频等存储在腾讯云对象存储中,并通过简单的API进行访问和管理。了解更多信息,请访问:腾讯云对象存储(COS)
页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

重走Flutter状态管理之路—Riverpod进阶篇

它存在于flutter_riverpod包中,以提供一个简单的从package:provider的迁移组件,并允许一些flutter特定的使用情况,如与一些Navigator 2包的集成。...一个真实的例子是启用/禁用一个分页视图的上一个/下一个按钮。 stepper example 在我们的案例中,我们将特别关注 "上一页 "按钮。...它是StateNotifierProvider的简化版,旨在避免为非常简单的用例编写一个StateNotifier类。 StateProvider的存在主要是为了允许用户对简单的变量进行修改。...特别是,我们将看到如何使用StateProvider来实现一个允许改变产品列表排序方式的dropdown。为了简单起见,我们将获得的产品列表将直接在应用程序中建立,其内容如下。...不过,这对产品列表还没有影响。现在是最后一个部分了。更新我们的productsProvider来对产品列表进行排序。

4K11
  • 使用交互组件(ipywidgets)“盘活”Jupyter Notebook(上)

    事件处理程序是响应事件的回调函数,它异步操作并处理接收到的输入。 这里我们将创建一个名为btn的简单按钮。单击按钮时调用on_click方法。...演示:按钮事件处理程序 下一节我们将很好地了解到,输出与按钮本身显示在同一个单元格中。所以,让我们继续看看如何为我们的笔记本增加更多的灵活性!...我们首先定义一个下拉列表,并用唯一的年份值列表填充它。...为了做到这一点,我们将创建一个通用函数,unique-sorted-values-plus-all,它将找到唯一的值,对它们进行排序,然后在开始时添加all项,这样用户就可以删除过滤器。...使用下拉列表筛选数据帧 到目前为止还不错,但是所有查询的输出都在这个非常相同的单元格中累积;也就是说,如果我们从下拉列表中选择一个新的年份,新的数据框将呈现在第一个单元格的下面,在同一个单元格上。

    13.8K61

    增加组件通用性的几个点

    这样效果就实现了 3-3.设置操作按钮的显示方式 想必大家已经看到问题了,【3-2】最后看到的结果是只有其中一项是有操作按钮的,而【3-2】一开始,看到的需求是所有的结果都要显示出来。...那么这里就要设置一个 display 属性了,设置操作按钮的显示方式。目前提供三个值'default'-选中的项显示,'visible'-所有项显示,'none'-不显示。...而这个组件的操作按钮,也有可能是“危险操作”。所以需要让用户可以自定义操作前的回调。...3-8.按钮显示方式 回到这个场景,可能大家在开发的时候已经想到了,要出现操作按钮,必须要点击某一项才会出现。但很多时候的需求,需要鼠标 放上去的时候就显示操作按钮,不需要点击。...3-9.关于其他 首次 handle-button-old 这个组件为例,列举了一些改进优化的功能。

    87910

    Bootstrap源码分析之dropdown

    源码分析: Dropdowns.scss:下拉框模块 Javascripts/bootstrap/dropdown.js:实现下拉框响应 实现功能及原理: 下拉选项卡,默认不能实现显示选中项的功能...原理: 1、利用dropdown类作为定位点,然后让子级的列表dropdown-menu绝对定位实现,还需要加一个单击点作为设置data-toggle=”dropdown”才能做关联。...) 代码直接调用了Dropdown定义的方法,这里经妙的设计在于插件的框架,data-*模式的调用与Js插件模式的调用,而这两种调用模式却利用了同一份代码。...只会清除data-toggle=”dropdown”的元素 7、dropdown-backdrop:用于移动没有单击事件的处理 8、keydown:当dropdown按钮获取焦点的时候,按下键可以展开,...按上键收缩的功能 9、data-target和herf=”#id”:是为了实现单击,展开指定的下拉列表,默认是展开与按钮后面兄弟节点: <ul class="nav nav-pills navbar-nav

    3K70

    VBA专题10-25:使用VBA操控Excel界面之一个示例程序

    2.3 如果选择了指定的项目(例如Group2),那么激活指定的工作表(名为Sheet2),并对其外观作出下面的改变: 2.3.1 在页面布局视图中显示工作表 2.3.2 隐藏行和列标题 2.3.3 删除工作表中的网格线...如果取消选取(或选取)指定的内置复选框(例如,在“视图”选项卡中的“编辑栏”复选框),那么禁用(或启用)自定义控件(例如,在“视图”选项卡中的G5B1按钮)。 5....如果激活的工作表(名为Sheet1)具有指定的工作表级命名区域(例如,名为MyRange的单元格区域),那么启用Custom选项卡中不同组中的一组控件按钮。...单击工具栏中的Validate按钮来检查是否有错误。 9. 保存并关闭该文件。 10. 在Excel中打开该文件。对于错误消息单击“确定”。 11. 按Alt+F11激活VBE。 12....() '为库中的图像的文件名创建数组 Dim Filename As String Filename = Dir("C:\Photos\*.jpg") '遍历文件夹中的所有

    2.4K10

    Jump Start Bootstrap 第4章

    上一章,导航栏只包含一个简单的链接列表。在本节中,我们将使用一些Bootstrap的JavaScript插件帮助扩展我们网站现有组件的功能。...你可以看到,我在调用了.myDropdownHandle之后,使用了dropdown()方法。下拉插件的默认状态是关闭的;然而你刷新页面后它将切换状态并使菜单可见。...在这种情况下,您可以在show.bs.dropdown事件中向服务器发出Ajax请求,并在显示之前填充下拉菜单。...此外,您还必须在所有的这些按钮中都包含一个统一name属性值,从而在逻辑上对这些按钮进行分组。在本例中,我还将btn-default替换为btn-info,这将使按钮的颜色从灰色改为浅蓝色。...我使用了一个按钮来触发模式对话框。

    28.4K40

    轻松实用!纯Python快速开发在线交互调查问卷

    而从今天的教程开始,我将带大家来认识和学习Dash生态中非常实用的一些「交互式」部件,配合回调函数,可以帮助我们构建一个形式丰富的可接受输入,并反馈输出的交互式应用,今天要介绍的交互部件为「表单输入」类部件的基础知识...dash_core_components中的Dropdown()即可,它的主要属性&参数有: options用于设置我们的下拉选择部件中显示的选项,传入列表,列表每个元素为字典,必填键有:'label'...,用于设置对应选项显示的标签名称;'value',对应当前选项的值,也是我们书写回调函数接受的输入;'disabled',一般情况下不用设置,除非你想指定对应选项不可点选就设置为True; multi,...; search_value,可用作回调的输入,记录了用户的搜索内容; value,记录用户已选择的选项,单选模式下为对应单个选项的'value'值,多选模式下为对应多个选项'value'值组成的列表;...: 「单选框RadioItems」 单选框的特点是我们只能在其展示的一组选项中选择1项。

    2.6K30

    vue3 实现 select 下拉选项

    效果展示 好了, 话不多说先给大佬们看看效果样式: 组件难点 因为下拉框可能会在某些情况下被挡住, 所以这里的下拉框被挂载到了body标签上, 并且下拉框中的选项往往是以插槽的形式编写,...默认选中的值,如果不填或为空则默认选中插槽中的第一个 tk-select-item 中的值 - - tk-select-item 为select下选项子标签(选项标签), tk-select-item...> 标题 复制代码 select 主要有触发下拉按钮tk-select-button和下拉列表tk-select-dropdown组成, 下拉框中的选项未来将由插槽插入...= ref(null); // 获取下拉框 const select_dropdown = ref(null); // 下拉框位置参数 const dropdownPosition...const select_button = ref(null); const select_dropdown = ref(null); // 打开状态

    4.8K10

    (数据科学学习手札112)Python+Dash快速web应用开发——表单控件篇(上)

    而从今天的教程开始,我将带大家来认识和学习Dash生态中非常实用的一些交互式部件,配合回调函数,可以帮助我们构建一个形式丰富的可接受输入,并反馈输出的交互式应用,今天要介绍的交互部件为表单输入类部件的基础知识...,它的主要属性&参数有: options用于设置我们的下拉选择部件中显示的选项,传入列表,列表每个元素为字典,必填键有:'label',用于设置对应选项显示的标签名称;'value',对应当前选项的值...,可用作回调的输入,记录了用户的搜索内容; value,记录用户已选择的选项,单选模式下为对应单个选项的'value'值,多选模式下为对应多个选项'value'值组成的列表; app3.py import...1项。   ...图6   而除了上述两种供用户对多个选项进行单选或多选的部件之外,dash_bootstrap_components中还有可以创建单个选择部件的RadioButton与Checkbox,它们只能进行勾选操作

    2K21

    50行Python代码绘制数据大屏,这个可视化框架真的太神了

    今天小编来为大家安利另外一个用于绘制可视化图表的Python框架,名叫Dash,建立在Flask、Plotly.js以及React.js的基础之上,在创建之出的目的是为了帮助前端知识匮乏的数据分析人员,...输入框、文本框、滑动条等组件,其中Dash框架对HTML标签也进行了进一步的封装,使得我们直接可以通过Python代码来生成和设计每一个网页所需要的元素,例如 Hello World...,基本上是以装饰器的形式来体现的,实现前后端异步通信的交互,例如我们在点击按钮或者下拉框之后出现的功能就是通过回调函数来实现的。...options参数中的label对应的是下拉框中的各个标签,而value对应的是DataFrame当中的列名 df.head() output 添加回调函数 最后我们将下拉框和绘制折线图的函数给连接起来...='value')]) def graph_update(dropdown_value): print(dropdown_value) fig = go.Figure([go.Scatter

    2.1K10

    把分类作成下拉菜单

    wp_dropdown_catgories 这个 WordPress 模板函数是把分类列表显示到一个没有 submit 的按钮的下拉列表中。 直接在模板文件 sidebar.php 中输入 dropdown_categories(); ?> 即可调用下拉分类列表。在默认情况下,它是 以类别的 id 升序排列的 不显示最新更新日期。...不显示一个分类下日志数量 不显示空的日志 不排除任何分类 显示分类名 在表单中没有一个分类是被选中的 不是以层次结构显示分类 给表单名字附值为 cat 给表单的 class 赋值为 postform...下面这个例子在 HTML 的表单中显示一个层次结构的分类下拉列表和一个 Submit 按钮。同时显示了每个分类下的日志数并且排除了 id 为3,15,22 和6这几个分类。 : 的地方就是,在选择某个分类之后,并点击本例中 submit 的按钮,跳转到该分类,显示地址的不是 Permalink 而是 query string 形式。

    1.5K20
    领券