开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

Flutter Provider带有listen false，但仍然得到错误"setState()或markNeedsBuild()在构建期间被调用“。

Flutter Provider是Flutter中的一个状态管理库，它提供了一种简单而强大的方式来管理应用程序的状态。在使用Provider时，可以通过设置listen参数来控制是否在状态变化时重新构建相关的Widget。

当使用Provider时，如果将listen参数设置为false，意味着相关的Widget不会监听状态的变化，因此不会重新构建。然而，即使设置了listen为false，仍然可能会出现错误"setState()或markNeedsBuild()在构建期间被调用"的情况。

这个错误通常是由于在Widget的build方法中调用了setState()或markNeedsBuild()导致的。即使listen为false，当状态发生变化时，Provider仍然会通知相关的Widget进行重建，而在重建过程中调用了setState()或markNeedsBuild()，就会触发这个错误。

要解决这个问题，可以尝试以下几种方法：

确保在Widget的build方法中不要调用setState()或markNeedsBuild()，因为这些方法会触发重建。
检查是否有其他地方调用了setState()或markNeedsBuild()，例如在Provider的回调函数中。如果有，可以尝试将其移除或修改逻辑。
如果需要在状态变化时执行一些操作，可以考虑使用Provider的回调函数或Consumer来处理，而不是在Widget的build方法中进行操作。

总之，尽管设置了listen为false，但仍然需要注意在Widget的build方法中不要调用setState()或markNeedsBuild()，以避免出现"setState()或markNeedsBuild()在构建期间被调用"的错误。

关于Flutter Provider的更多信息和使用示例，可以参考腾讯云的相关文档和示例代码：

Flutter Provider文档：https://cloud.tencent.com/document/product/851/19712
Flutter Provider示例代码：https://github.com/TencentCloud/FlutterTencentCloud/blob/main/lib/provider_example.dart

相关搜索:Flutter:在使用Provider构建期间调用的setState()或markNeedsBuild()Flutter Provider - setstate或markneedsbuild()在构建过程中调用收到错误“在构建期间调用了setState()或markNeedsBuild()”在构建期间调用setState()或markNeedsBuild()，在Flutter中使用FutureBuilder中的Provider和StreamBuilder 在构建期间调用setState()或markNeedsBuild()。导致小部件的相关错误是RoundIconButton。A RenderFlex溢出在构建期间调用setState()或markNeedsBuild()。尝试在flutter中创建一个简单的计时器 8p有没有人脸识别 9.cn小程序商店 909df的新域名 99kk3最新域名

相关搜索:

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

有帮助

没帮助

相关·内容

Flutter完整开发实战详解(十五、全面理解State与Provider)

了解这个两个概念后，我们先看下图，在 Flutter 中构建一个 Widget ，首先会创建出这个 Widget 的 Element ，而事实上 State 实现跨帧共享，就是将 State 保存在Element...中，这样 Element 每次调用 Widget build() 时，是通过 state.build(this); 得到的新 Widget ，所以写在 State 的数据就得以复用了。...问题就在于前面 StatefulElement 的构建方法和 update 方法： State 只在 StatefulElement 的构建方法中创建，当我们调用 setState 触发 update...我们常说的 setState ，其实是调用了 markNeedsBuild ，markNeedsBuild 内部会标记 element 为 diry，然后在下一帧 WidgetsBinding.drawFrame...listener 内会调用 StateDelegate 的 StateSetter 方法，从而调用到 StatefulWidget 的 setState。

3.6K2 1

Flutter 绘制探索 4 | 深入分析 setState 重建和更新 | 七日打卡

Flutter 中所有可以看得到的组件，比如 Text、Image、Switch、Slider 等等，追其根源都是画出来的，但通过查看源码可以发现，Flutter 中绝大多数组件并不是使用 CustomPaint...这个系列便是对 Flutter 绘制的探索，通过测试、调试及源码分析来给出一些在绘制时被忽略或从未知晓的东西，而有些要点如果被忽略，就很可能出现问题。...现在也就是即将调用这个 Element 对象的 markNeedsBuild() 方法。 ? ---- 下一步就会进入 Element.markNeedsBuild，也就是 Element 类中。...这就是在 setState 时进行的 Element 重新构建和 RenderObject 的更新。...---- 在 Provider 中，对刷新进行了一定的封装，但还是最终还是离不开 element#markNeedsBuild 。 ?

1.9K2 0

【源码篇】Flutter Provider的另一面（万字图文+插件）

关于Provider的源码，如果对设计模式或面向接口编程不熟悉的话，看起来是相当懵逼的，基本就是：懵逼树上懵逼果，懵逼树下你和我；Provider源码使用了大量的抽象类，调用父类构造函数，继承实现断言，...Provider.of(context, listen: false)中的context，必须是ChangeNotifierProvider或其子Widget的使用ProEasyCounterPage..., ); } } _InheritedProviderScope 这里是继承了InheritedWidget，里面重写createElement方法，在构建Widget的时候，这个方法是肯定会被调用的...通过上面的五步回溯，我们可以断定一个事实：_InheritedProviderScopeElement（实现BuildContext）被实例化了，而且他在初始化的时候被调用了，对应的，其内部相应的周期也能被正常触发...这里直接给出结论了，还是在 _InheritedProviderScopeElement这个上下文类里面 reassemble：全局状态的初始化逻辑或热重载的时候被调用 _delegateState首先在

1.4K6 1

StatefulWidget与State

dispose 最后我们在第一个界面尝试下热更新 I/flutter (26863): page1 reassembleI/flutter (26863): page1 build 下面是相关生命周期的调用次数...组件创建或UI重新渲染 didUpdateWidget >=1 组件创建或UI重新渲染 deactivate >=1 State对象将要移除时 dispose 1 state对象被销毁通常情况下，...在开始了解setState方法之前我们还需要来了解下一个枚举类_StateLifecycle，它是flutter中的一个私有类，用来表示State的生命周期。...Element的markNeedsBuild方法上面的1-5步流程都非常的简单，在第6步调用markNeedsBuild方法。...在最后标记当前_dirty为true，并且调用scheduleBuildFor来重新构建Wdiget。

1.4K1 0

Flutter完整开发实战详解(十一、全面深入理解Stream)

一、Stream 由浅入深 Stream 在 Flutter 是属于非常关键的概念，在 Flutter 中，状态管理除了 InheritedWidget 之外，无论 rxdart，Bloc 模式，flutter_redux...); 执行 1 中得到的 _onData 对象，触发 listen 时传入的回调方法。...二、StreamBuilder 如下代码所示, 在 Flutter 中通过 StreamBuilder 构建 Widget ，只需提供一个 Stream 实例即可，其中 AsyncSnapshot 对象为数据快照...中会调用 _subscribe 方法，从而调用 Stream 的 listen，然后通过 setState 更新UI，就是这么简单有木有？...我们常用的 setState 中其实是调用了 markNeedsBuild ，markNeedsBuild 内部标记 element 为 diry ，然后在下一帧 WidgetsBinding.drawFrame

3.8K4 1

Flutter | 启动，渲染，setState 流程

组件树在构建完毕后，回到 runApp 的实现中，当调完 attachRootWidget 后，最后一行会调用 WidgetsFlutterBainding 实例的 scheduleWarmUpFrame...() 方法，该方法的是现在 SchedulerBinding 中，他被调用后会立即进行一次绘制，在此次绘制结束前，该方法就会锁定事件分发，也就是说在本次绘制结束完成之前 Flutter 不会响应各种事件...2，当我们调用 window.scheduleFrame 方法之后，Flutter 引擎会在合适时机(可以认为是在屏幕下一次刷新之前，具体取决于 Flutter 引擎实现) 来调用 onBeginFrame..._inDirtyList = true; } 复制代码当调用 setState 后： 1，首先调用 markNeedsBuild 方法，将 element 的 dirty 标记为 true，表示需要重建...上屏，会将绘制出的bit数据发送给GPU .....///// } } 复制代码以上，便是 setState 调用的大概过程，实际的流程会更加复杂一点，例如在这个过程中不允许再次调用 setState

1.2K1 0

Flutter(六)--有状态的组件StatefulWidget&StateFlutter(六)--有状态的组件StatefulWidget&State

//各种异常判断略过 _element.markNeedsBuild(); } //在调用setState之后会调用didUpdateWidget方法进行更新,真正的组件更新在此方法中进行...//更新完成后通知其他被标记的组件继续更新 onBuildScheduled(); } //在组件更新的时候系统会调用一个update方法； // //在此方法中didUpdateWidget..._debugSetAllowIgnoredCallsToMarkNeedsBuild(false); } rebuild(); } 1.源码阅读后得到一个很重要的信息...在setState后创建新的newWidget，但State是复用。...2.在Flutter中Widget都是不可变的,所以在flutter中可变组件有Widget(UI)和State(管理状态)两个类组成。 ---- Widget生命周期 ?

8182 0

干货 | 携程火车票Flutter最佳实践

Flutter是由谷歌开源的跨平台框架，可以快速在 iOS 和 Android 上构建高质量的原生用户界面。...2）数据改变的消息传递被屏蔽时，我们无需手动去处理状态改变事件的发布和订阅，provider自行处理。...Flutter或Dart应用程序的源代码级调试。调试Flutter或Dart应用程序的内存使用情况和分析内存问题。查看运行的Flutter或Dart应用程序的一般日志和诊断信息。...异步任务结束在页面被销毁之后，没有检查State是否还是mounted状态，继续setState()就会出现这个错误。..._showCountDown = true; }); } } catch (e) {} } 3）处理办法在调用setState()方法之前检查是否mounted

2.2K3 0

Widget的生命周期和渲染原理

我们知道，在需要修改数据更新UI的时候，只要调用setState然后在其中更改数据，这样UI就可以随之改变了，这是因为setState函数可以触发widget的销毁重建，也就是会触发state的build...好，现在我们知道了通过setState来根据数据自动调整UI的原理了，因此，原则上我们是可以不调用setState而直接给element调用markNeedsBuild函数来实现UI的更新，即：在StatefulWidget...8，dispose 当State对象被永久地从视图树中移除时，Flutter会调用dispose函数。...Widget的渲染原理关于Widget的渲染，我在Widget，构建Flutter界面的基石中有过介绍，本文也是依次为基准，再做一些拓展介绍。...StatefulElement；在StatefulElement的构建函数中，调用了widget的createState函数来创建State，并且给创建出来的State对象的element和wiget

1.3K2 0

flutter渲染详解

_newWidget = this; element.markNeedsBuild(); // markNeedsBuild在setState更新原理和流程有讲到 } return.../// ///如果给定的小部件具有全局键并且已经存在一个元素有一个带有该全局键的小部件，此函数将重用该元素 ///（可能从树中的其他位置移植或重新激活从无效元素列表中获取），而不是创建一个新元素。...///如果任何预定的帧已经开始或其他[scheduleWarmUpFrame]已被调用，此调用将被忽略。 ///首选[scheduleFrame]在正常操作下更新显示。...; } buildOwner.buildScope()在我们的"setState更新原理和流程"有讲到过，可以直接搜索。...该方法会将被标记为dirty的Element进行重新构建。回收被抛弃的Element的列表_inactiveElements最后会调用buildOwner.finalizeTree()彻底清除掉。

1.2K2 0

从零开始的Flutter之旅: Provider

而state的改变会导致build的重新构建，导致的效果是CountWidget的build被重新调用，继而它的子widget也相继被重新build。...中对可监听的data在合适的地方进行监听订阅与移除订阅，并在收到data数据改变时调用notify进行setState操作，通知widget刷新。...所以为了避免RaisedButton引用的共享数据进行自增时重新build，这里将listen参数置为false。...以上是一个简单的Provider-Consumer的使用。Flutter对这一块有更完善的实现方案。但是经过我们这一轮分析，你再去看Flutter中Provider的源码将会更加简单易懂。...如果你想了解Flutter中Provider的使用，你可以通过flutter_github来了解它的具体实战使用技巧。想要查看Provider实战技巧，需要将分支切换到sample_provider

7382 0

Flutter 组件集录 | InheritedNotifier 内置状态管理组件

可以看到 DetailProgressView 此时可以是 StatelessWidget , 但依然会被通知，从而重新构建。这是一种非 State#setState 更新状态的方式。...其中会将 _dirty 置为 false ，触发 markNeedsBuild 方法。...了解 Flutter 框架的都知道 State#setState 本质上也就是触发了持有 Element 的 markNeedsBuild 方法。...如下所示，此时其中是 HomeProgressView 对应的元素：也就是说，接下来 HomeProgressView 对应的元素触发 didChangeDependencies，其中调用了 markNeedsBuild...，也就是说该元素被标脏，将在之后被重新构建。

2922 0

Flutter框架分析（三）-- Widget，Element和RenderObject

总的来说就是以下几点： Widget是对Element的配置或描述。Flutter app开发者主要的工作都是在和Widget打交道。...如果当前State不是在mounted == true的状态，你去调用setState()是会crash的。函数initState()用来初始化State。...所以建议大家在调用setState()之前用mounted判断一下。另外要注意的一点是，这个函数也是触发渲染流水线的一个点。...函数rebuild()在渲染流水线的构建（build）阶段被调用。具体的重建在函数performRebuild()中，由Element子类实现。...Flutter的渲染流水线中的构建（build）阶段主要就是在维护更新element tree里面的Element节点。

1.3K1 0

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

; _element.markNeedsBuild(); } 这里会调用到Element的markNeedsBuild()函数。...原因是这些回调函数只会被调用一次。注意看代码里_transientCallbacks被置为空Map了。如果想在下一帧再次调用的话需要提前重新设置回调。这些回调主要和动画有关系。...渲染流水线的构建（build），布局（layout）和绘制（paint）阶段都是在其中一个回调里的。 “Post-Frame”回调主要是在新帧渲染完成以后的一类调用，此类回调只会被调用一次。...此时渲染流水线就进入了构建（build）阶段。接下来调用了super.drawFrame()。这个函数定义在RendererBinding中。...总结本篇文章从我们熟悉的State.setState()函数出发，大致介绍了Flutter框架是如何运行渲染流水线的。

8604 0

Flutter学习之构建、布局及绘制三部曲

构建初次构建 flutter的入口main方法直接调用了runApp(Widget app)方法,app参数就是我们的根视图的Widget，我们直接跟进runApp方法 void runApp(...时 //2.当Element第一次构建由mount方法去调用 //3.当Widget改变时，被update方法调用 void rebuild() { if (!...('building $this', e, stack));//有错误的化就创建一个ErrorWidget } finally { _dirty = false; } try { _child...通过setState触发构建通常我们在应用中要更新状态都是通过State中的setState方法来触发界面重绘，setState方法就是先调用了callback让后调用该State的Element对象的...markNeedsBuild方法，markNeedsBuild中将Element标记为dirty并通过BuildOwner将其添加到dirty列表中并调用onBuildScheduled回调（在WidgetsBinding

9951 0

Flutter 组件集录 | InheritedWidget 共享数据

数据的跨节点共享的痛点在 Flutter 应用开发中，数据的跨节点共享是一个非常重要的事。...通过调试分析 BuildOwner.buildScope 方法，可以发现 BoxDecorationWrap、CounterText 组件对应的元素会被加到脏表中，被重新构建： InheritedWidget...这个在《 Flutter 渲染机制 - 聚沙成塔》中进行过源码级的探讨。...比如再加个按钮只是触发 setState ，两个数据都保持不变。此时 updateShouldNotify 返回 false。就不会通知依赖者们更新，这也是很合理的。...那本文就到这里，后面还会介绍 Flutter 框架中，在 InheritedWidget 基础上，提供的各种使用组件。谢谢观看，我们下次再见 ~

2301 0

【源码篇】Flutter GetX深度剖析 | 我们终将走出自己的路（万字图文）

方法中，传入Element调用了自身didChangeDependencies()方法 Element的didChangeDependencies() 方法会调用 markNeedsBuild() ，来刷新自身...相关原理，可参考下面文章源码篇：Flutter Provider的另一面（万字图文）图示来看下InheritedWidget刷新机制的图示 [InheritedWIdget刷新机制] 路由小知识...实现特定属性的public set方法，来让外部容器调用传入所依赖类型的对象。基于构造函数。实现特定参数的构造函数，在新建对象时传入所依赖类型的对象。基于注解。...类中可以发现，_updaters中泛型就是一个方法在GetBuilder中添加的监听就是一个方法参数，方法体里面就是 setState() 齐活了！...源码篇：Flutter Bloc背后的思想，一篇纠结的文章源码篇：Flutter Provider的另一面（万字图文+插件）

4.1K5 2

Flutter进阶-Key之GlobalKey

我们这不做深入讨论，只需要知道在element树构建中是会将owner传递，即共享一个owner对象。...实现原理：在开始探索原理之前，我们需要明白setState的流程，我们简单过一下，在setState之后，会将当前widget（MyHomePage）markNeedsBuild，markNeedsBuild...递归child更新，RenderObjectElement则是更新RenderObject，如果是带child或children的RenderObjectElement最终也会调用到updateChild...答案是有的，在inflateWidget递归构建新的element树时，会判断widget key是否是GlobalKey，是的话尝试调用_retakeInactiveElement，_retakeInactiveElement...答案是会的，但是build方法调用不代表我们的widget被重新绘制，在Flutter中build方法是生成widget配置信息的，是很轻量也是会被频繁调用。

1.8K2 0

优化 Flutter 应用开发：探索 ViewModel 的威力

2.2 常见的状态管理方案：setState、Provider、GetX、Riverpod 等在 Flutter 中，有许多不同的状态管理方案可供选择，每种方案都有其自己的特点和适用场景：setState...：setState 是 Flutter 最基本的状态管理方案之一，它通过调用 setState 方法来更新组件的状态，并触发重新构建UI。...在视图中使用 Consumer 或 Provider.of 获取 ViewModel：在需要访问 ViewModel 的地方使用 Consumer 或 Provider.of 获取 ViewModel...使用 Provider 或 ConsumerWidget 提供 ViewModel：在视图中使用 Provider 或 ConsumerWidget 提供 ViewModel 实例，并根据需要更新视图。...(context, listen: false) .addTodo(todo);

3091 0

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

当用户下拉页面时，这个函数被调用，它的任务是拉取新的数据并更新我们应用中状态。很重要的一点是，这个函数返回 Future 来保持刷新指示器可见，直到新数据被下载且页面被更新。...和 Callbacks 刷新数据在 Flutter 社区，Provider 是一个很受欢迎状态管理解决方案。...当在 Flutter 中实现下拉刷新，使用 Provider，我们需要通过一个 provider 来暴露一个方法来刷新数据，然后在 onRefresh 回调函数中调用该方法。...构建用于刷新功能的 Widget Tree 在一个 Flutter 应用中创建一个直观且响应式 pull-to-refresh 特性，需要细心构建 widget tree。...这种方法可以让用户了解情况，并让他们了解应用程序内发生的情况，特别是在刷新操作花费的时间比预期更长或失败情况下。

2711 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭