Flutter 局部变量刷新问题

简介: Flutter 局部变量刷新问题

在Flutter中,当你调用setState时,它会触发Widget树的重新构建。这意味着任何依赖于状态的Widget都会重新构建,从而反映新的状态值。但是,具体的刷新行为取决于dd是如何定义和使用的。

让我们来看看两种情况下setState的行为:

情况一:定义为局部变量

var body = Column(
children: [Text(dd)],
);

return Navigator(
initialRoute: '/',
key: _globalKey,
onGenerateRoute: (RouteSettings settings) {
WidgetBuilder builder;
switch (settings.name) {
case '/':
builder = (context) => body;
}
return MaterialPageRoute(builder: builder, settings: settings);
},
);
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
在这种情况下,body是在onGenerateRoute方法外部定义的一个局部变量。如果你在某个StatefulWidget中调用setState来改变dd的值,那么除非body本身也在build方法中重新定义,否则body不会重新构建。因此,Text(dd)中的文本不会更新。

情况二:直接在builder中定义

return Navigator(
initialRoute: '/',
key: _globalKey,
onGenerateRoute: (RouteSettings settings) {
WidgetBuilder builder;
switch (settings.name) {
case '/':
builder = (context) => Column(
children: [Text(dd)],
);
}
return MaterialPageRoute(builder: builder, settings: settings);
},
);
1
2
3
4
5
6
7
8
9
10
11
12
13
14
在这种情况下,Column和Text是在builder函数内部每次调用时重新创建的。因此,如果你在StatefulWidget中调用setState来改变dd的值,并且这个StatefulWidget是Navigator的一部分,那么当setState被调用时,整个Widget树会重新构建,从而更新Text(dd)中的文本。

总结
局部变量方式:如果body是一个局部变量,并且是在build方法之外定义的,那么调用setState来改变dd的值不会导致Text widget更新,除非整个Widget重新构建或body在build方法中重新定义。
直接定义方式:如果Column和Text是在builder函数内部定义的,那么调用setState来改变dd的值会导致Text widget更新,因为每次build方法被调用时都会重新创建这些Widgets。
为了确保dd的变化能够反映到UI上,你应该确保dd的改变会触发包含Text(dd)的Widget的重新构建。如果dd是在一个StatefulWidget的状态中管理的,那么在setState之后,build方法会被调用,从而更新UI。

相关文章
|
3月前
|
缓存
Flutter Image从网络加载图片刷新、强制重新渲染
Flutter Image从网络加载图片刷新、强制重新渲染
117 1
|
3月前
|
存储 缓存 安全
Flutter Dio进阶:使用Flutter Dio拦截器实现高效的API请求管理和身份验证刷新
Flutter Dio进阶:使用Flutter Dio拦截器实现高效的API请求管理和身份验证刷新
334 0
|
5月前
Flutter StreamBuilder 实现局部刷新 Widget
Flutter StreamBuilder 实现局部刷新 Widget
45 0
Flutter EasyRefreshList使用方法 下拉加载 上拉刷新
Flutter EasyRefreshList使用方法 下拉加载 上拉刷新
|
存储 Web App开发 缓存
Flutter Web:刷新与后退问题
使用flutter开发web页面,在pc端使用就会面临刷新的问题。尤其是刷新时,本地变量清空导致页面问题,所以就需要考虑全局缓存的问题。
1086 0
在带有背景图像的Flutter中拉动以刷新
本文主要介绍在带有背景图像的Flutter中拉动以刷新 拉动刷新”是显示动态数据列表的移动应用程序的常见任务。今天我们将使用 pull_to_refresh 包实现 pull to refresh 并利用 Slivers 创建一个自定义的 Collapsible 标头
314 0
|
开发框架 缓存 容器
跨平台APP开发Flutter ListView 局部刷新数据、ListView点赞收藏
本文章实现的是 ListView 中 Item 局部数据刷新的效果,在这只是一个 Demo ,是一个实现思路,在应用开发的更多场景中如 资讯列表的点赞、收藏等等,诸多业务场景都可使用。
跨平台APP开发Flutter ListView 局部刷新数据、ListView点赞收藏
|
1月前
|
Android开发 iOS开发 容器
鸿蒙harmonyos next flutter混合开发之开发FFI plugin
鸿蒙harmonyos next flutter混合开发之开发FFI plugin
|
1月前
|
开发者
鸿蒙Flutter实战:07-混合开发
鸿蒙Flutter混合开发支持两种模式:1) 基于har包,便于主项目开发者无需关心Flutter细节,但不支持热重载;2) 基于源码依赖,利于代码维护与热重载,需配置Flutter环境。项目结构包括AppScope、flutter_module等目录,适用于不同开发需求。
74 3