开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

Flutter -在同一函数中添加'await‘时，VoidCallback调用了null

Flutter是一种跨平台的移动应用开发框架，它可以让开发者使用单一代码库构建高性能、美观的iOS和Android应用。在Flutter中，使用异步操作时，可以通过在同一函数中添加'await'关键字来等待异步操作完成。

在这个问题中，提到了在同一函数中添加'await'时，VoidCallback调用了null。根据问题描述，可以推测出可能存在以下几种情况：

VoidCallback为空：VoidCallback是一个没有参数和返回值的函数类型，如果在调用VoidCallback时传入了null，就会出现这种情况。解决方法是在调用VoidCallback之前，先判断VoidCallback是否为空，如果为空则不进行调用。
异步操作未返回结果：在使用'await'关键字等待异步操作完成时，如果异步操作没有返回结果，就会导致VoidCallback调用了null。解决方法是确保异步操作能够正常返回结果，可以通过检查异步操作的实现代码，确保其返回了正确的结果。

需要注意的是，以上只是根据问题描述推测出的可能情况，具体解决方法还需要根据实际代码进行分析。另外，关于Flutter的更多信息和相关产品，可以参考腾讯云的官方文档和产品介绍：

Flutter官方网站：https://flutter.dev/
腾讯云Flutter开发平台：https://cloud.tencent.com/product/flutter

相关搜索:Flutter SQLite数据库，在尝试将数据库中的所有行显示为列表视图时，调用了getter 'length‘on null错误创建一个空列表，在函数中向其添加点，但在尝试回调它时出错在flutter中从本地存储获取文件时，即使在使用try catch之后也对null调用了方法‘readCounter 引发了另一个异常: NoSuchMethodError:在null上调用了方法'[]‘。在flutter中登录api时出错 linux sed 添加一行 linux 设备文件通信原理 linux 读取文件创建时间嵌入式 linux 哪个版本 linux 中.sh 闪一下 linux 指定文件打开方式

相关搜索:

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

Flutter学习之视图体系

framework通过调用mount方法以将新创建的Element添加到给定父级中给定槽点的树上。...停用中间祖先将从渲染树中移除该element的渲染对象，并将此element添加到所有者属性中的非活动元素列表中，从而framework调用deactivate方法作用在此element上。...从点击启动到运行的流程： 1.WidgetsFlutterBinding.ensureInitialized //app入口 void main() => runApp(MyApp()); app入口函数就是调用了...中所有的视图都是通过window来呈现的，那Flutter中也有window，那看看window在Flutter中的作用看看官方对它的定义： image.png 意思是：链接宿主操作系统的接口，也就是Flutter...List get locales => _locales; List _locales; //当Local发生改变时触发回调 VoidCallback

1.4K3 0

Flutter之事件节流、防抖封装

本文将介绍在 Flutter 开发中如何实现节流和防抖的统一封装。前言首先我们来了解一下节流和防抖的定义，以及在什么场景下需要用到节流和防抖。...简单节流实现首先来看一下节流的简单实现，前面讲了节流的原理，就是在事件未执行完成时忽略事件的再次触发，根据这个原理添加一个变量标识事件是否可执行，默认为 true 可执行，当事件执行时设置为 false...这里为了模拟事件的耗时操作在 increase 方法里添加了一秒的延时。...举一个典型的场景，在 Flutter 中跳转新页面并获取页面的返回值，此时实现如下： Future toNewPage() async{ var result = await Navigator.pushNamed...Future.delayed(const Duration(seconds: 1)); }); 使用第一种方式时是没有问题，但是第二种发现就有问题，节流不起作用了，为什么呢？

1.9K4 0

Flutter测试（二）：在项目中进行 Widget 测试

上回书对 Flutter 中 Widget 测试的官方 Demo 进行了简单的讲解，这篇文章我们对自己的项目进行 Widget 测试。就拿「想吃啥」APP 来进行测试吧。 ?...在首页中，我们可以看到有 6 个 Widget，有： 1.荤菜 & 素菜：2.选个菜吧 ×23.Button ×2 因为平时我们写APP的时候，肯定会封装一些 Widget 来进行复用，所以首页中选个菜吧...APP中是用来随机菜单2.VoidCallback：用于 IconButton 的点击事件这样我们就封装成了一个 Widget，可以在编写 UI 的时候复用了，那既然写完了 Widget，下面就要对他进行测试了...Button 在开发中，对于 Button 样式的一致性大家肯定是有了解的，那既然如此，就要封装好一个通用的Button。...总结在 Flutter 中，一切皆为 Widget。相信各位学 Flutter 的也都知道这个概念，那就可以看得出来，Widget 测试是 Flutter 中最重要的测试。

8332 0

Flutter | 启动，渲染，setState 流程

启动流程 Flutter 的启动入口在 lib/main.dart 里的 main() 函数中，他是 Dart 应用程序的起点，main 函数中最简单的实现如下： void main() => runApp...(MyApp()); 复制代码可以看到，main 函数中只调用了 runApp() 方法，我们看看它里面都干了什么： void runApp(Widget app) { WidgetsFlutterBinding.ensureInitialized...VSync驱动，当屏幕刷新时就会被调用 FrameCallback get onBeginFrame => _onBeginFrame; // 绘制回调 VoidCallback get...，因此 Flutter 在第一帧渲染结束后会采取一种主动请求 frame 的方式来实现只有当 UI 可能会改变时才会重新走渲染流程。...所以我们在 Flutter 中提到 frame 时，如无特别说明，则是和 drawFrame() 相互对应，而不是和屏幕的刷新相对应。

1.2K1 0

Flutter 知识集锦 | 监听与通知 ChangeNotifier

通过 ChangeNotifier 对象的 addListener 方法添加订阅关系。 [2]. 被加入回调的函数，将会在发布通知时触发。其中可以处理更新逻辑。 [3]....---- 下面是添加监听的实现，调试中是详情页进入的时刻。在 addListener 处理完毕后，更新的回调函数将会被加入到 _listeners 回调列表中。...ChangeNotifier#notifyListeners 方法中，将会变量 _count 次，触发 _listeners 列表对应索引的的回调函数。...这就是通过函数对象，实现的添加监听和触发通知的一种机制。 ---- 4....它们都是 ChangeNotifier 的派生类，足以见得 ChangeNotifier 在 Flutter 中的分量。那本文就到这了，后续还会带来更多的精彩内容，下次再见~

9142 1

Flutter | Image 源码分析与优化方式

Flutter 中图片必须声明在 pubspec.yaml 文件中，具体如下图所示： flutter: uses-material-design: true assets: - images...具体如下所示： Flutter.network 源码分析在开始之前，先看一些类，看看便好，等整个流程结束后在回过头看会比较好： Image：用来显示图片 _ImageState: Image 的状态类..._handleImageFrame Listener 中处理 ImageInfo 回调的部分，当有新的需要渲染时，该监听方法就会被调用，最终调用 setState() 方法通知界面刷新 void _handleImageFrame...在 Android 中，在将图片加载到内存之前，可以采用 BitmapFactory 来加载原始的宽高数据，然后通过降低采样率的方式来达到降低占用内存的效果在 Flutter 中，这种思想也是可行的...如果使用了缓存宽高，在加载图片的时候就会走到上面的 load 方法中，load 方法中会为 decode 做一层装饰，传入缓存的宽高等。

2.4K3 1

【Flutter】Flutter 拍照示例 ( 浮动按钮及点击事件 | 底部显示按钮组件 | 手势检测器组件 | 拍照并获取当前拍摄照片 | 从相册中选择图片 )

类型的值 , FloatingActionButton( // 浮动按钮点击事件 onPressed: () { } ) VoidCallback 就是参数和返回值都是空的函数 ; onPressed...: () {} 括号中的参数为空 , 返回值也为空 ; /// Signature of callbacks that have no arguments and return no data. typedef..., 可以是任何组件 , 如 Column ; 这里在底部显示的是一个 Container 组件 , Container 组件内部包含了一个 Column 组件 ; /// 浮动按钮点击事件 /// 点击浮动按钮...transitionAnimationController, }) 三、手势检测器组件 ---- 这里按钮点击使用 GestureDetector 组件 , 监听器 onTap 方法 , 用户点击时 ,...} }); } /// 获取相册中的图像 Future getImageFromGallery() async { /// 菜单按钮消失 Navigator.pop

1.5K3 0

Flutter 绘制探索 | 绘制中的动画变换

如下所示，在 assets/images 中有一张小车的图片：要使用资源，需要在 pubspec.yaml 中配置文件夹的逻辑： flutter: assets: - assets/images.../ ---- 在 Flutter 的 Canvas 绘制中，drawImage 方法可以绘制图片，其中的入参 Image 不是 material包的图片组件，而是 dart:ui 中的 Image 图片数据...所以其中持有 ui.Image 对象，并在构造函数中进行初始化。在 paint 方法中使用图像进行绘制。...如下所示，在画板构造时通过可监听对象来提供矩阵数据：状态类中维护 _matrix 可监听对象，在点击按钮时，修改变换矩阵值即可。比如移动按钮每点击一次，叠加一个变换移动变换。...矩阵补间动画上面是直接叠加矩阵，点一下动一下，接下来看一下如何为矩阵变换添加动画效果。也就是说在一段时间内会不断对矩阵数据进行更新，从起始矩阵到结束矩阵，在界面上就会呈现动画效果。

1K3 0

每个flutter开发人员都要知道的16个dart技巧

flutter开发中的16个小技巧本文分享我在flutter编程中的重要技巧，学会了您的代码风格将得到很大提高。 1. 你知道吗，Dart 支持字符串乘法。...使用匿名函数和函数作为参数在Dart中, 函数是一等公民,并且能够作为其他函数的参数。...因为上面的匿名函数具有相同的「signature」, 所以能够直接作为参数传递。 ---- 在list的 map, where, reduce 等操作时，这样的代码风格很常见。...Future 并立即返回，这在测试mock数据时非常有用: await Future.value('Cappuccino'); await Future.error(Exception('Out of...(seconds: 1)); yield i; } } 最后希望大家喜欢我提供的这写小技巧，快来使用它们来改进 Flutter 应用程序中的代码。

5782 0

StatefulWidget与State

context){}//tate 对象的依赖关系发生变化后，Flutter 会回调该方法，随后触发组件构建。...运行中：在渲染树中存在，这一阶段涉及的生命周期函数主要有didUpdateWidget和build。销毁：从渲染树中移除，此阶段涉及的生命周期函数主要有deactivate和dispose。.../flutter (26863): page2 build 当我们从第二个界面返回时 I/flutter (26863): page2 deactivateI/flutter (26863): page2...我们可以在initState方法中做一些初始化工作，然后在dispose方法中做一些销毁工作。...在开始了解setState方法之前我们还需要来了解下一个枚举类_StateLifecycle，它是flutter中的一个私有类，用来表示State的生命周期。

1.4K1 0

Flutter快速开发——列表分页加载封装

在 App 中，列表数据加载是一个很常见的功能，几乎大多数 App 中都存在列表数据的展示，而对于大数据量的列表展示，为提高用户体验、减少服务器压力等，一般采用分页加载列表数据，首次只加载一页数据，当用户向下滑动列表到底部时再触发加载下一页数据...为方便开发过程中快速实现列表分页的功能，对列表分页加载统一封装是必不可少的，这样在开发过程中只需关注实际的业务逻辑而不用在分页数据加载的处理上花费过多时间，从而节省开发工作量、提高开发效率。...Article item) { return Card(...); } } 0x01 实现上面展示了通过封装后的列表分页加载实现的文章列表效果并附上了关键示例代码，通过示例代码可以看出，在使用封装后的列表分页加载功能时只需要关注数据请求本身和界面布局展示...成员变量 pagingState 类型为泛型 S 即 PagingState 类型，在 onInit 中通过抽象方法 getState 获取，getState 方法在子类中实现，返回 PagingState...关于 json 数据解析可参考前面写的： Flutter应用框架搭建(三)Json数据解析[9] 数据加载完成后，判断数据是否为空，不为空则将数据添加到 data 集合中，并且分页的页数加 1。

6.1K3 1

如何将Flutter优雅的嵌入现有应用

但是当一个页面被打开多次之后，仅仅通过url是无法定位到明确的页面实例的，所以在 thrio 中我们增加了页面索引的概念，具体在API中都会以 index 来表示，同一个url第一个打开的页面的索引为...1 ，之后同一个 url 的索引不断累加。...如此，唯一定位一个页面的方式为 url + index，在dart中 route 的 name 就是由 '$url.$index' 组合而成。...很多时候，使用者不需要关注 index，只有当需要定位到多开的 url 的页面中的某一个时才需要关注 index。最简单获取 index 的方式为 push 方法的回调返回值。...在 dart 中，有一个 Widget 提供了该功能，thrio 完好的保留了这个功能。

2.2K2 0

Flutter的setState更新原理和流程

UI 的绘制逻辑【附加】 UI 的绘制逻辑是在 Render 树中实现的，所以这里还来细看 RendererBinding 的逻辑。..._handlePersistentFrameCallback 最终调用了 drawFrame 而 WidgetsBinding 重写了 RendererBinding 中的 drawFrame() 方法...最终发现我们又回到了 WidgetsBinding 这个类中，在 WidgetsBinding 中 drawFrame 的实现如下： @override void drawFrame() { ......在 drawFrame 中调用 buildOwner.buildScope(renderViewElement)更新 elements。...等待下一次vsync信号的到来，然后再经过层层调用最终会调用到 Window::BeginFrame() UI 的绘制逻辑是在 Render 树中实现的更新帧信号来临从而刷新需要重构的界面在 drawFrame

7452 0

Flutter手势交互+自定义绘板组件v0.01

{ const RaisedButton({ Key key, @required VoidCallback onPressed, //首先onPressed是一个VoidCallback...{ //在build方法中onPressed传给了RawMaterialButton @override Widget build(BuildContext context) {...简单的话，使用scale回调函数即可。在使用上和前面的拖动时间基本一致,这里就不再赘述。...中的手势交互,主要是移动相关 1.一条线是点的集合,绘板需要画n条线，所以是点的集合的集合 _lines 2.组件为有状态组件,_lines为状态量,在移动时将点加入当前所画的线 3.当抬起时说明一条线完毕...onDoubleTap: (){ _lines.clear(); _render(); }, ); return result; } /// 按下时表示新添加一条线

1.3K1 0

Flutter框架分析（四）-- Flutter框架的运行

接下来Flutter框架会等待Vsync信号到来以后engine回调框架，这就是第二段要做的事情了。...“Transient”回调函数，这些回调函数是在调度之前设置在SchedulerBinding里的，这里的“Transient”意思是临时的，或者说是一次性的。...“Post-Frame”回调主要是在新帧渲染完成以后的一类调用，此类回调只会被调用一次。...这里我们主要关注一个“Persistent”回调：WidgetsBinding.drawFrame()。这个函数是在RendererBinding初始化的时候加入到“Persistent”回调的。...接下来调用了super.drawFrame()。这个函数定义在RendererBinding中。

8284 0

Flutter质感设计之持久底部面板

可以使用Scaffold.showBottomSheet函数创建和显示持久性底部面板。...：没有参数并且不返回数据的回调 VoidCallback _showBottomSheetCallback; @override void initState() { super.initState()...框架状态的唯一键，因此代码大意为，在Scaffold框架中显示持久性的质感设计底部面板 */ _scaffoldKey.currentState.showBottomSheet<Null ((BuildContext...whenComplete：注册将在此未来完成时调用的函数解释：联系上文，closed控制的元素是新构建的质感设计底部面板，因此代码大意为，注册底部面板不再可见时调用的函数 */ .closed.whenComplete...((){ // mounted：bool值，这个State对象当前是否在树中 if (mounted) { setState(() { // 重新启用按钮 _showBottomSheetCallback

7333 1

【Flutter 技能篇】你不得不会的状态管理 Provider

本篇文章示例源码：https://github.com/xiaomanzijia/FlutterProvider 用法 Step1:添加依赖 dependencies: flutter: sdk...= null) { final List localListeners = List.from(_listeners);...还可以定义 catchError 捕获异常，updateShouldNotify 比较新旧值是否 rebuild，新的 create/update 回调函数是懒加载的，也就是说它们在对应的值第一次被读取的时候才被调用...Widget4，在 build 方法中打印 "Widget4 build"，build 方法返回一个 Selector，在 Selector 的 builder 方法中打印 “Widget4 Selector...) Web 开发中 React 生态链中 Redux 包的 Flutter 实现，在前端比较流行，一种单向数据流架构。

3.6K2 0

Flutter | 数据共享

本文示例代码数据共享 InheritedWidget InheritedWidget 是 Flutter 中非常重要的一个功能型组件，它提供了一种数据在 widget 树中从上到下传递的方式。...Flutter Framework 调用，这个依赖指的就是 widget 是否使用了父 widget 中的 InheritedWidget 的数据；如使用了，则代表该组件依赖 InheritedWidget...build 方法中使用了 ShareDataWidget 的数据，同时在回调中打印了日志最后，创建一个按钮，点击一次，就让 ShareDataWidget 的值自增 class TestInheritedWidget...//省略无关代码 } 复制代码我们可以使用 add ，remove 来添加，移除监听器，通过 notifyListeners 可以触发所有监听器的回调接着我们将需要共享的状态放在一个 Model 类中...注意，在这个类中调用 setState() 方法，widget.child 始终是同一个，InheriedProvider 的 child 引用的始终是同一个子 Widget，所以 widget.child

1.3K3 0

Flutter 绘制动机 VSYNC 流程源码全方位分析

记不记得当时我们分析 FlutterEngine 时（《Flutter Android 端 FlutterEngine Java 相关流程源码分析》）在他的实例化过程中有这么一段调用逻辑： -> 调用....... } } 上面的 mTraversalRunnable 就是调用了 Activity 中 View 树的 measure、layout、draw 进行绘制。...其实我们日常中调用 Flutter Dart StatefulWidget 的 setState 方法也是调用了上面 scheduleFrame 方法，也就是说绘制的发起都来自 Widget 的变更主动调用触发...当下一个系统 VSYNC 信号到来时就调用了 onBeginFrame、onDrawFrame 的回调赋值。...Dart 层大致流程如下： [在这里插入图片描述] Flutter Engine C/C++ 层有了上面 Dart 层及 Java 层的分析，我们其实分析 Engine 层的 C/C++ 时就大致知道关键入口是什么了

9720 0

在 Flutter 中创建可拖动的浮动操作按钮

Flutter 允许您使用FloatingActionButton小部件添加浮动操作按钮。但是，它不允许您拖动按钮。如果你想让它可拖动怎么办。...回调函数必须有一个参数PointerMoveEvent，其中包含 x 和 y 方向（delta.dx和delta.dy）的移动增量。必须根据移动增量更新按钮的偏移量。...一个浮动的动作按钮通常可以在点击时执行一个动作，所以我们添加一个名为onPressed( VoidCallback) 的参数作为参数。...因此，我们可以使用它来传递调用onPressed回调的回调函数。但你需要小心。通常，所需的行为是onPressed仅在点击按钮时调用回调，而不是在拖动结束时调用。...您需要向父小部件添加一个键并将其传递给DraggableFloatingActionButton小部件从key中，你可以从currentContext属性中获取RenderBox，它有findRenderObject

5.5K1 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭