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

当我在FLUTTER中应用CALCULATE按钮时,如何返回当前选中的下拉列表的结果?

在Flutter中,要返回当前选中的下拉列表的结果,可以通过以下步骤实现:

  1. 首先,创建一个下拉列表,并将其与一个变量绑定。例如,可以使用DropdownButton小部件来创建下拉列表,并将其值与一个String类型的变量绑定。
代码语言:txt
复制
String selectedValue;

DropdownButton<String>(
  value: selectedValue,
  onChanged: (String newValue) {
    setState(() {
      selectedValue = newValue;
    });
  },
  items: <String>['选项1', '选项2', '选项3', '选项4'].map((String value) {
    return DropdownMenuItem<String>(
      value: value,
      child: Text(value),
    );
  }).toList(),
)
  1. onChanged回调函数中,更新selectedValue变量的值为当前选中的值。通过调用setState函数,通知Flutter框架重新构建界面。
  2. 当点击“CALCULATE”按钮时,可以使用selectedValue变量来获取当前选中的下拉列表的结果。
代码语言:txt
复制
FlatButton(
  onPressed: () {
    if (selectedValue != null) {
      // 执行相应的计算操作或其他逻辑
      print('当前选中的值为:$selectedValue');
    }
  },
  child: Text('CALCULATE'),
)

以上代码示例中,当点击“CALCULATE”按钮时,会打印当前选中的值。你可以根据实际需求,在按钮的onPressed回调函数中执行相应的计算操作或其他逻辑。

关于Flutter的更多信息,你可以访问腾讯云的Flutter产品介绍页面:Flutter产品介绍

相关搜索:在FLUTTER中更新下拉列表中的数据时出错?如何在Flutter中默认选中的扩展瓦片列表中设置单选按钮?如何将当前选中的下拉列表项分配给jQuery中的标签?在下拉列表1中选中值时如何更改下拉列表框的内容在mapbox中,当我点击android上的按钮时,如何返回我的位置如何在vuejs中点击clear按钮从下拉列表中重置选中的值?当我们在Flutter中点击列表中的任何图像时,如何在全屏中打开图像?当我选中一个单选按钮时,在React中取消选中相同表单中的另一个单选按钮?在IE中,当我显示模态时,父页面上的下拉列表在模型顶部可见当我在Android Studio中按下按钮时我的应用程序崩溃如何在单击按钮时访问中继器内的下拉列表中的数据在不同的下拉列表中选择选项时,如何取消选择下拉列表中的所有选定选项?如何在列表中映射并返回在flutter中通过验证的字符串列表?如何获取在Angular8中选中的每个复选框的下拉列表的值使用TypeScript在单击event VueJS时更改下拉列表中的按钮文本值当ComboBox在DataGridComboBoxColumn中时,如何隐藏组合框的下拉列表?当我点击按钮时,如何在我的android应用程序中添加黑暗模式在使用SwiftUI的MacOS应用中,如何修改列表中嵌套的选中NavigationLink的默认蓝色背景?当我当前在子目录中时,如何引用根目录中的index.html如何让特定的输入(普通文本输入或下拉列表)在单击某个按钮时显示?
相关搜索:
页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

Flutter】StatefulWidget 组件 ( FloatingActionButton 组件 | RefreshIndicator 组件 )

: 三目运算符 ), ); } } 运行效果 : 打印结果 : 点击悬浮按钮后打印如下内容 ; I/flutter (23329): 悬浮按钮点击 二、RefreshIndicator..., 回调该方法 ; 异步方法 , 方法体前添加 async 关键字 ; 该方法主要作用是暂停 500 ms , 然后返回空 ; /// RefreshIndicator 发生下拉操作, 回调该方法...列表组件 , 然后设置了下拉刷新回调方法 , onRefresh 字段设置 ; // 刷新指示器组件 RefreshIndicator( //...// 列表发生下拉操作, 回调该方法 // 该回调是 Future 类型 onRefresh: _refreshIndicatorOnRefresh...// 列表发生下拉操作, 回调该方法 // 该回调是 Future 类型 onRefresh: _refreshIndicatorOnRefresh

2.7K00

Flutter 专题】74 图解基本 DropdownButton 下拉选项框按钮

和尚对于 Flutter 并不系统,总是遇到问题才会准备尝试,今天和尚准备学习一下下拉选择框;Android 提供了便利 Spinner 而 Flutter 对应是 DropdownButton...// 下拉列表 item 内容 }) 分析源码可知,items 和 onChanged 回调是必须参数,且不同状态下,展示效果不同;其中 items 或 onChanged 为 null...为禁用状态,和尚接下来逐一分析各属性; 案例分析 items 为下拉选项列表,onChanged 为选中回调;两者其中一个为 null 按钮禁用状态,不可点击,默认下拉 icon 为灰色;items...disabledHint 为禁用状态下默认展示内容,hint 为按钮启用状态下默认展示内容,采用 hint DropdownMenuItem type 不为空,否则只会显示第一条 item; /...对于 DropdownButton 选中回调,其中 items value 是必须参数,且不相同;回调返回内容是 DropdownMenuItem child 内容; DropdownButton

7.7K31
  • WinCC V7.0 支持.NET控件编程入门

    ; 将工具栏 Solution Configurations 下拉列表设为 Release,工程\属性 Application 页,点击 [Assembly Information…] 按钮,...将工具栏 Solution Configurations 下拉列表设为 Release,编译该安装工程,Release 文件夹可以找到生成安装文件(包括setup.exe和SetupCalculatorControl.msi...列表框中选择 CalculateControl.Calculate,如图1所示: 图 1:ActiveX Control Test Container插入控件 点击 [OK] 按钮确认,这时该....文本框可以看到两数相加结果。...图 2: Select .NET Object对话框插入自定义.NET控件 如图2所示,Available Controls列表中高亮显示Calculate项,选中它前面的Check Box,点击最下面的

    2.2K11

    支持.NET控件编程入门

    ; 将工具栏 Solution Configurations 下拉列表设为 Release,工程\属性 Application 页,点击 [Assembly Information…] 按钮,...将工具栏 Solution Configurations 下拉列表设为 Release,编译该安装工程,Release 文件夹可以找到生成安装文件(包括setup.exe和SetupCalculatorControl.msi...列表框中选择 CalculateControl.Calculate,如图1所示: 图 1:ActiveX Control Test Container插入控件 点击 [OK] 按钮确认,这时该....文本框可以看到两数相加结果。...图 2: Select .NET Object对话框插入自定义.NET控件 如图2所示,Available Controls列表中高亮显示Calculate项,选中它前面的Check Box,点击最下面的

    2.9K22

    FlutterFlutter 布局组件 ( 布局组件简介 | Row 组件 | Column 组件 | SizedBox 组件 | ClipOval 组件 )

    children: [] 即可 , 括号 [] 是多个组件集合 , 使用逗号隔开 ; 示例代码 : // 水平方向排列线性布局 Row( children: [ 组件...onTap: (index){ // 回调 StatefulWidget 组件 setState 设置状态方法 , 修改当前选中索引 // 之后 BottomNavigationBar...组件会自动更新当前选中选项卡 setState(() { // 改变 int _currentSelectedIndex 变量状态...// 列表发生下拉操作, 回调该方法 // 该回调是 Future 类型 onRefresh: _refreshIndicatorOnRefresh...: 三目运算符 ), ); } /// RefreshIndicator 发生下拉操作, 回调该方法 /// 该方啊是一个异步方法 , 方法体前添加 async 关键字

    2.3K00

    Flutter 刷新页面:通过下拉刷新提升用户体验

    下拉更新基础 下拉刷新是应用移动端一个常见模式,它允许用户手动刷新页面内容。 Flutter ,这个功能被封装在 RefreshIndicator 挂件。...当用户下拉页面,这个函数被调用,它任务是拉取新数据并更新我们应用状态。很重要一点是,这个函数返回 Future 来保持刷新指示器可见,直到新数据被下载且页面被更新。...处理数据并刷新操作 Flutter 应用引入一个 pull-to-refresh 特性不仅仅是视觉交互,也是关于如何高效处理数据和更新手势操作。...先进技术和最佳实践 当我们完善 Flutter 应用程序时,采用先进技术并遵循最佳实践可以显著提高代码质量和可维护性,特别是实现拉动刷新等功能。...复杂 Flutter 应用程序拉动刷新 更复杂 Flutter 应用程序下拉刷新可能和多个状态层和数据源有交互。在这种场景,实现一个能够处理复杂性有强大状态管理解决方案至关重要。

    26110

    6详解AppBar小部件

    AppBar 应用栏是各种应用程序中最常用组件之一。它可用于容纳搜索字段、以及页面之间导航按钮,或者只是页面标题。...由于它是一个如此常用组件,因此 Flutter 为该功能提供了一个名为AppBar专用小部件。 本教程,我们将通过一些实际示例向您展示如何Flutter 应用程序自定义 AppBar。...AppBar 导航箭头 当我们将 添加Drawer到Scaffold ,会分配一个菜单图标leading来打开抽屉。...), Flutter AppBar 中心标题 actions actions是与 AppBar 右侧对齐小部件列表。我们通常在用作按钮应用程序中看到它们来触发下拉菜单、个人资料头像等。...关于 Flutter AppBar 必须提供所有内容完整演练。我希望这篇文章能帮助你未来所有的 Flutter 应用程序创建漂亮 AppBars。

    16.4K10

    Excel Power Query抓取多个网页数据并配合Power Pivot进行分析

    本节介绍如何使用Power Query获取新浪网新浪体育频道新浪直播室网页足球排行榜数据,主要获取列表全部赛季球队数据,赛事主要获取前5项数据(前5项赛事数据结构是相同),如图所示。...首先新建一个Excel工作簿,将其打开后依次选择“数据”→“获取数据”→“来自其他源”→“自网站”选项,然后弹出“从Web”对话框中选中“高级”单选按钮,接着将网址按参数进行拆分,并分别填写至“URL...第2步:弹出“导航器”对话框左侧选择“Table 0”选项,就可以右侧看到当前网址对应表格数据,然后单击“转换数据”按钮,如图6-16所示。...首先单击“添加列”→“调用自定义函数”按钮,然后弹出“调用自定义函数”对话框“新列名”文本框输入“Sdata”,“功能查询”下拉列表中选择自定义函数“Sdata”,“x”下拉列表中选择“赛季...”选项,“y”下拉列表中选择“赛事代码”选项,最后单击“确定”按钮,如图所示。

    3.4K20

    Fiddler实战

    Composer选项卡 Composer选项卡支持手动构建和发送HTTP,HTTPS和FTP请求,我们还可以从web session列表拖曳session,把它放到composer选项卡当我们点击...界面图如下所示: 选中Filters选项卡左上方Use Filters复选框后,就可以使用其中随后给出过滤器对流量进行过滤了; 选项卡右上方Actions按钮支持把当前选中过滤器作为过滤集,...加载之前保存过滤集,并对之前扑捉到数据流应用当前过滤规则,如下: Host Filter下拉框支持标示或隐藏在随后文本框中指定域名下数据流;比如如下下拉框如下: Not Host Filter...正在运行应用进程和Fiddler相同主机时,Fiddler才能判断出是那个进程发出哪个请求; 下拉框 Show only traffic from列表包含了系统当前正在运行所有进程,如下所示...fiddler来截取,自己自定义返回json数据,我们可以自定义返回数据,如下所示,我是修改返回内容如下所示: 当我们点击Run to Completion按钮后,浏览器端可以响应数据,接着如下

    2.1K10

    Swing常用组件

    输出结果为: 运行时类名称:java.lang.String 这个示例只是展示了getClass()方法基本用法,实际上它还可以应用于其他类型对象,例如自定义类对象。...JComboBox构造方法有4种重载形式,通过参数陆值可以初始化下拉列表,同时添加下拉列表选项;添加方式有 3 种类型,包括数组、Vecior 类型和ComboBoxModel 模型。...removeItem(Object item):从下拉列表移除指定选项。 getSelectedItem():返回当前选中选项。...setSelectedItem(Object item):设置当前选中选项。 getItemCount():返回下拉列表选项数量。...而AWT List初始化列表,不能添加列表选项;此外,JList 所创建列表选项可以是任何类型,不再局限于文本字符串。

    10710

    使用 Android Studio 进行 Flutter 开发

    主工具栏,可以运行和调试代码: ? IntelliJ 主工具栏 选择目标设备 IDE 打开 Flutter 项目,你会在工具栏右侧看到一组 Flutter 特定按钮。...” 找到选择目标下拉按钮,点击它会显示出可用设备列表。 选择你希望启动应用设备。当连接设备或启动模拟器列表中将会加入新选项。...” 不使用断点运行应用 点击工具栏 Play 按钮,或选择 Run > Run。底部 Run 窗口会有日志输出: 使用断点运行应用 如果需要,源代码设置断点。...调试基于默认启动配置,如果需要自定义,点击选择目标下拉按钮,选择 Edit configuration 进行配置。 快速编辑和查看效果 Flutter 有效加快开发周期。...提交新问题前: 问题跟踪器总快速搜索查看问题是否已存在。 确保你已经更新到了最新版本插件。 当你提交新 issue ,确保带上运行了 flutter doctor 命令之后返回内容。

    6.3K30

    Flutter:使用复选框进行下拉多选

    Flutter:使用复选框进行下拉多选 本文向您展示了 Flutter 中使用复选框实现下拉多选两种不同方法。第一种方法,我们将从头开始构建多选。...第二种方法,我们将使用第三方包快速完成工作。...从头开始使用复选框创建多选 应用预览 image-20220102224407863 我们将要构建应用程序有一个专业、功能齐全多选小部件,可显示选项列表。...可以通过选中/取消选中与其关联复选框来选择或取消选择一个选项。 当按下升高按钮,将显示多选对话框。它让用户在编程中选择他们最喜欢主题。所选主题将作为筹码显示屏幕上。...以下是我们应用程序运行方式: 构建自定义多选小部件 创建一个名为MultiSelect可重用小部件,它可以获取选项列表(您可以对这些项目进行硬编码或从数据库/API 获取它们): // Multi

    3.3K21

    《吐血整理》进阶系列教程-拿捏Fiddler抓包教程(17)-Fiddler如何充当第三者,再识AutoResponder标签-下篇

    这句户意思是,fiddler自动响应激活了,但是请求没匹配到任何列表规则。而且因为跳过非匹配请求选项没有激活,所以产生了http/404返回结果。...勾选了这个选项,规则里面就可以设置是立即返回响应,还是隔多少毫秒返回响应 。 5.Add rule(加入规则):添加规则,点击此按钮则,点击此按钮则会在规则框里插入一个新规则。...列表选中一些规则,点击Group按钮,就会把这些规则进行单独分组,选中需要合并组,点击Ungroup,就可以进行解组。...Comments 设置一个注释,来提示当前规则作用 Edit Response 编辑当前规则设置响应文件(当响应文件是文本文件) Generate File 生成响应文件(这个我不知道其作用,如果有知道...,望告知) Open Url 使用默认网页浏览器打开匹配条件网址 Find 规则框寻找字符串,找到会高亮显示所在规则 Export All 导出处当前规则为farx文件(Fidder AutoResponder

    6K20
    领券