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

在上升按钮之后,从flutter中的类返回一个值

在Flutter中,从一个类返回一个值可以通过以下步骤实现:

  1. 创建一个新的类,该类将包含要返回的值。例如,假设我们要返回一个整数值,可以创建一个名为ReturnValue的类:
代码语言:txt
复制
class ReturnValue {
  final int value;

  ReturnValue(this.value);
}
  1. 在需要返回值的地方,使用Navigator类的pop方法将值返回给调用方。例如,在点击一个按钮后返回值,可以在按钮的onPressed回调函数中执行以下代码:
代码语言:txt
复制
onPressed: () {
  ReturnValue returnValue = ReturnValue(42);
  Navigator.pop(context, returnValue);
}
  1. 在调用方页面中,使用await关键字和Navigator.push方法来获取返回的值。例如,在调用方页面中的某个方法中,可以执行以下代码:
代码语言:txt
复制
ReturnValue returnValue = await Navigator.push(
  context,
  MaterialPageRoute(builder: (context) => SecondPage()),
);
  1. 在第二个页面(即上面代码中的SecondPage)中,可以通过ModalRoute类的settings属性获取传递给该页面的值。例如,在SecondPagebuild方法中,可以执行以下代码:
代码语言:txt
复制
ReturnValue returnValue = ModalRoute.of(context).settings.arguments;

这样,你就可以在returnValue对象中获取到从第二个页面返回的值。

以上是在Flutter中从一个类返回一个值的基本步骤。根据具体的应用场景和需求,你可以根据需要进行适当的修改和扩展。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

DWR实现直接获取一个JAVA返回

DWR实现直接获取一个JAVA返回     DWR是Ajax一个开源框架,可以很方便是实现调用远程Java。但是,DWR只能采用回调函数方法,回调函数获取返回,然后进行处理。...那么,到底有没有办法直接获取一个方法放回呢?...我们假设在DWR配置了TestDWR中所对应未JTest,那么我们要调用getString方法,可以这样写: function Test() {     //调用JavaTestgetString...,然后回调函数处理,上面那段话执行后会显示test,也就是java方法返回。...现在,让我们打开DWRengine.js文件,搜索一个asyn,马上,就发现了一个setAsync方法,原来,DWR是这个方法设置成属性封装起来了。这样,我们就可以实现获取返回功能了。

3.2K20

Flutter stateless 和 stateful widget 区别

Flutter stateless 和 stateful widget 区别 介绍 要在 Flutter 构建任何应用程序,我们必须创建一个小部件,它是 Flutter 应用程序构建块。...Flutter 使用小部件来创建现代移动应用程序。 Flutter Widget 分为两:无状态 Widget 和有状态 Widget。...之后,小部件将打印屏幕上。 但是如果我们希望它在有动作时更新,我们必须制作一个有状态小部件。 有状态小部件 当 UI 某些部分必须在运行时动态更改时,使用有状态小部件。...一旦我们调用这个小部件并按下按钮,我们就会让文本字段自动改变。 在这种类型应用程序,我们可以通过实现. 是一种在有状态小部件调用方法。每次调用时,此方法都会更改有状态小部件。...结论 我们已经介绍了有状态和无状态小部件之间差异,以帮助您构建更好 Flutter 应用程序。示例,我们了解了无状态和有状态小部件作用以及如何知道您用例需要哪个

2.2K10
  • Flutter State生命周期

    2.2.1实测 写个有状态并混入WidgetsBindingObserver配合监听特殊状态及其一个按钮,调用setState, 给生命周期方法新增打印: import 'package:flutter...State对象树中一个位置移除后会调用deactivate,然后又重新插入到树其它位置之后。...会调用Widget.canUpdate来检测Widget树同一位置新旧节点, 然后决定是否需要更新,如果Widget.canUpdate返回true则会调用此回调。...deactivate 暂停 State对象树中被移除时(dispose之前),会调用这个函数来将对象暂停。 dispose 销毁 当State对象被销毁时调用,通常在此回调释放资源和移除监听。...这个方法接收一个AppLifecycleState类型枚举: 枚举 含义 resumed 程序可见,并响应用户输入。 inactive 处于非活动状态,未收到用户输入。

    82620

    Flutter学习

    Flutter,因为widget是不可变,所以没有addChild。相反,您可以传入一个函数,该函数返回一个widget给父项,并通过 布尔控制该widget创建。...Flutter,导航器管理应用程序路由栈。将路由推入(push)到导航器,将会显示更新为该路由页面。 导航器栈中弹出(pop)路由,将显示返回到前一个路由。...getData(); //get请求,请求返回为Future类型,即其返回未来是一个String类型 getData() async { //async...可以Native层调用flutterdart代码,也可以flutter层调用Native代码,而作为通讯桥梁就是MethodChannel,这个初始化时候需要注册一个渠道。...这个必须是唯一,并且使用到Native层和Flutter层互相对应。

    2.6K20

    flutter 起步

    继承(extends)Flutter继承和Java继承是一样Flutter继承是单继承构造函数不能继承子类重写超方法,要用@override子类调用超方法,要用superFlutter...Text:文本组件Icon:图标组件CloseButton:关闭按钮组件BackButton:返回按钮组件Chip:材料设计中非常有趣一个组件Divider:分割线组件Card:卡片状容器组件...AlertDialog:一个弹框组件flutter问题:Flutter通过将新代码注入到正在运行DartVM,来实现Hot Reload这种神奇效果,DartVM将程序结构更新完成后,...修改了main函数创建根控件节点,Flutter热刷新后只会根据原来根节点重新创建控件树,不会修改根节点。某个普通类型转换成枚举类型,或者类型泛型参数列表变化,都会使热刷新失败。...默认为 true。AppBar 有以下常用属性:leading → Widget - 标题前面显示一个控件,首页通常显示应用 logo;在其他界面通常显示为返回按钮

    4.5K20

    Flutter】HTTP 网络操作 ( 引入 http 插件 | 测试网站 | Get 请求 | Post 请求 | 将响应结果转为 Dart 对象 | Future 异步调用 )

    get " 按钮 , 获取插件 , 此时会自动 https://pub.dev/packages 平台下载该插件并配置到 Flutter 项目中 ; ③ 项目中引入 : 需要使用 Banner...Dart , 用于表示 将来 某个时间 可能出现结果 ; http.Get 返回是 Future , 其中 http.Response 泛型 , 封装了 HTTP...Dart , 用于表示 将来 某个时间 可能出现结果 ; http.Get 返回是 Future , 其中 http.Response 泛型 , 封装了 HTTP.../posts/1 json 数据创建 Dart ; CommonModel 包括一个工厂方法 , 通过 Map json 类型 , 构造该类 ; class...; 六、Future 异步调用 ---- 点击按钮后 , 调用 HTTP GET 方法 , 由于不知道什么时候返回 , 该方法肯定是一个异步方法 ; 返回是 Future 类型 ; /// 调用

    1.8K20

    Flutter混编工程之高速公路Pigeon

    首先,Android代码,会生成一个同名协议接口,NativeBookApi,对应上面HostApi注解标记协议名。FlutterActivity继承,创建这个接口实现。...优化 实际使用Flutter调用原生方法来获取数据,原生侧处理好数据后回传给Flutter,所以Pigeon生成Android代码,协议函数实现是一个返回方法,如下所示。...void,同时提供了一个result变量来处理返回传递。...这样使用就非常简单了,将返回通过result塞回去就好了。 有了这个方法,我们就可以将Pigeon和协程配合起来使用,开发体验瞬间上升。...❞ 拆解 了解了Pigeon如何使用之后,我们来看下,这只「鸽子」到底做了些什么。 宏观上来看,不管是Dart端还是Android端,都是生成了三东西。

    1.5K20

    Flutter 入门指北之基础部件

    Flutter App 接着看下 MyApp 这个,继承自 StatelessWidget 并在 build 方法返回一个 MaterialApp 实例,(偷偷讲下,其实这边还可以返回 CupertinoApp...StatelessWidget,就是日常开发,自定义部件通常继承抽象了。...用于设置 AppBar 前置按钮,例如设置返回我们需要返回按钮等 this.automaticallyImplyLeading = true, // 是否使用系统默认生成按钮,如果替换...VoidCallback 类型参数,通过查看源码可以知道 VoidCallback 是无参无返回一种类型参数。...如果该参数传入为 null 那么这个按钮就不可点击状态,无点击效果,等会可以例子查看。还有就是 child 参数,这里就是传入你需要展示内容,比如 Text、Icon 等等。

    1.3K30

    Flutter学习指南:编写第一个应用

    React Native 到 Flutter,开发者对跨平台解决方案探索从未停止,毕竟,它可以让我们节省移动端一半的人力。...本篇文章,我们就通过编写一个简单 Flutter 来了解他开发流程。 这里我们要开发 demo 很简单,只是屏幕中间放一个按钮,点击时候,模拟摇两个骰子并弹窗显示结果。...这里第一行,就是我们打的。现在我们有足够自信说,点击按钮后,会执行 _onPressed 方法了。 编写代码(2) 软件开发通常是一个螺旋式上升过程,不可能通过一次编码、调试就完成。...stateful widget,可以继承 StatefulWidget 并在 createState 方法返回一个 State。...我们继续: 还是 Step Over,这个时候 _roll 就返回了 切换到 Variables 这个选项卡,查看 rollResults ?

    1K00

    Flutter 生命周期详解

    Flutter 几乎所有的对象都是一个 Widget,其中 Widget 又分为 StatelessWidget(即:无状态 Widget) 和 StatefulWidget (即:有状态 Widget...),这里所说 Flutter 生命周期其实就是讲 StatefulWidget 生命周期,它存在于 framework.dart State 。...代码实测 写个有状态并混入 WidgetsBindingObserver 配合监听特殊状态及其一个按钮,调用 setState, 给生命周期方法新增打印: import 'package:...didChangeDependencies() 之后。 State 对象树中一个位置移除后会调用 deactivate,然后又重新插入到树其它位置之后。...这个方法接收一个AppLifecycleState类型枚举: 枚举 含义 resumed 程序可见,并响应用户输入。 inactive 处于非活动状态,未收到用户输入。

    1.3K10

    Flutter 假异步实现示例

    Flutter 异步 不是开新线程,而是往所属线程 消息队列 添加任务,当然大家也可以按上文那样自己展开真异步操作 Flutter 对代码分2: 同步代码和异步代码 同步代码:传统一行行写下来...Future 对象是 Flutter 专门提供,基于消息队列实现异步,Future 对象会把自身当做一个任务添加到消息队列中去排队执行 Future 对象接受一个函数,就是要执行任务,用...有人说 async/await 和协程一样 ,协程关键点在于非竞争式资源,协程概念,当多个协程中有一个协程挂起之后,并不会阻塞 CPU,CPU 回去执行其他协程方法,直到有空闲了再来执行之前挂起后恢复协程...这样看的话 async 方法内部,是严格按照顺序执行 async 方法格式 1. async 标记方法返回都是 Futrue 类型 上文书哦说 await 调用方法返回都是 Futrue...对象,那么就是说声明 async 函数时,返回都是 Futrue 类型,Futrue 内部包裹实际返回类型 Futrue<String getData() async { data =

    1.4K31

    Flutter | 常用组件

    ,使用 FadeInImage 之后会在图片加载过程显示一个占位符,图片加载完成之后显示淡入 ICON Flutter ,可以直接使用 字体图标,它是将图标做成字体文件,然后通过指定不同字符而现实不同图片...字体文件,每个字符都对应一个码,每个码对应一个显示字形,不同字体就是指字形不同,及字符对应字形是不同。...textInputAction :键盘动作按钮图标,他是一个枚举,有多个可选,具体可查看 api style:正在编辑文本样式 textAlign:输入框内编辑文本水平方向对齐方式...,//TODO 这里设置不生效,日后解决 表单 Form 实际开发,在请求接口之前会对输入框数据进行校验,如果对每个 TextField 都进行校验会非常麻烦,为此,Flutter 提供了一个...}) 复制代码 为了方便使用,Flutter 提供了一个 TextFormField 组件,他继承自 FormField ,也是一个包装,所以除了 FormField 之后,它还包括 TextField

    11.4K30

    Flutter开发-路由

    前言 管理多个页面时有两个核心概念和:Route和 Navigator。 一个route是一个屏幕或页面的抽象,Navigator是管理routeWidget。...命名路由就相当于VUERouter插件一样,这种方式耦合性更低,功能更强大。 一个项目中两种方式是可以同时使用,推荐使用命名路由方式,项目的结构看起来比较清晰。...为了避免用户误触返回按钮而导致APP退出,很多APP中都拦截了用户点击返回按钮,然后进行一些防误触判断,比如当用户一个时间段内点击两次时,才会认为用户是要退出(而非误触)。...Flutter可以通过WillPopScope来实现返回按钮拦截,我们看看WillPopScope默认构造函数: const WillPopScope({ ......示例 为了防止用户误触返回键退出,我们拦截返回事件。当用户1秒内点击两次返回按钮时,则退出;如果间隔超过1秒则不退出,并重新记时。

    78120

    干货 | 47%到80%,携程酒店APP流畅度提升实践

    进行APP性能优化实践,除了性能技术方案本身外,还会面临两方面问题:第一,APP性能优化,不具有持续性,往往经过一段时间优化实践,效果明显,但是随着后续需求迭代和代码变更,APP性能很难维持一个较好水平上...2.2.1 Flutter页面可交互加载时长采集原理 Flutter,最终UI树其实是由一个个独立Element节点构成。...并与AB实验系统打通,业务、技改需求都可以AB系统配置流畅度观测指标,比对业务或技改需求对流畅度指标影响,作为实验是否通过考量指标。...4.1 页面加载速度优化 页面加载速度优化上,我们2021年8月份开始进行迭代优化至今,酒店预订流程页面的慢加载率初始42.90%降低至现阶段8.05%。...点击了Flutter Performance工具栏“Open DevTools”按钮之后,系统会自动打开 Dart DevTools 网页,我们就可以开始分析代码性能问题了。

    1.6K30

    简单了解Flutter

    自带渲染引擎听起来侵入性比较强,没有使用对应平台渲染机制,不过从RN现状看来,通过bridge形式依附于对应平台渲染机制性能上体验不佳,而Flutter会直接编译成native code,理论上来说...FlutterWidget基本上可以分为两大类:StatefulWidget和StatelessWidget。这俩区别可以直接它们名字上看出来,一个有状态,一个无状态。...这些build方法都必须返回一个Widget。 当我们新建一个Flutter项目的时候,默认给我们生成了一个计数器demo。我们接下来就通过把玩这个项目来感受下flutter魅力。...首先我们FAB上方添加两个按钮来实现数字加减,我们知道我们UI整体一个叫Columnwidget里面,我们按钮横向排列,当然得放在一个Row里面啦。...组合小形成大Widget,组合已有的形成之前没有的Widget。初步了解了Flutter之后,有些同学可能好奇,Flutter不停地销毁Widget再重建,它是怎么做到快速绘制如原生般流畅

    85730

    Flutter 入门指北之路由

    Navigator push 方法分两,一是带 Name ,需要在 MaterialApp 下将 routers 属性进行注册,否则将会找不到该路由,还有一个是不带 Name ,可以通过 Router...跳转后,可以发现, BPage AppBar 上有个返回按钮,点击可以返回 APage ,那么也就是说通过 push 或者 pushNamed 方式跳转时候,界面堆栈变化是直接在原来堆栈上添加一个...堆栈位置。...CASE 3 通过系统返回按钮 CASE 2 情况下,通过按钮返回事件进行监听,那加入我们需求没有这个按钮,只能通过系统默认返回按钮,或者物理返回按键,那该如何传呢,这里就需要用 WillpopScope...,BPage 会成功收到 CPage 返回 Hello~ 以上代码查看 router_main.dart 文件 路由切换动画 假如说我们不想用系统自带切换动画,需要弄一些比较酷炫效果该怎么办

    80820

    干货 | 47%到80%,携程酒店APP流畅度提升实践

    进行APP性能优化实践,除了性能技术方案本身外,还会面临两方面问题:第一,APP性能优化,不具有持续性,往往经过一段时间优化实践,效果明显,但是随着后续需求迭代和代码变更,APP性能很难维持一个较好水平上...2.2.1 Flutter页面可交互加载时长采集原理 Flutter,最终UI树其实是由一个个独立Element节点构成。...并与AB实验系统打通,业务、技改需求都可以AB系统配置流畅度观测指标,比对业务或技改需求对流畅度指标影响,作为实验是否通过考量指标。...4.1 页面加载速度优化 页面加载速度优化上,我们2021年8月份开始进行迭代优化至今,酒店预订流程页面的慢加载率初始42.90%降低至现阶段8.05%。...点击了Flutter Performance工具栏“Open DevTools”按钮之后,系统会自动打开 Dart DevTools 网页,我们就可以开始分析代码性能问题了。

    1.8K30
    领券