0

0

Flutter局部刷新优化性能

絕刀狂花

絕刀狂花

发布时间:2025-07-14 08:20:01

|

334人浏览过

|

来源于php中文网

原创

局部刷新是优化flutter应用性能的重要手段。下面是对上述内容的伪原创处理:

Flutter中的状态类有两种:

  • 无状态类(StatelessWidget):此类组件一旦创建后,其界面状态无法更改。
  • 有状态类(StatefulWidget):当状态发生变化时,通过调用setState()方法可以触发UI的更新。继承StatefulWidget的子类需要重写createState()方法。

下面是一个普通刷新的示例代码:

class TestRoute extends StatefulWidget {
  @override
  _TestRouteState createState() => _TestRouteState();
}

class _TestRouteState extends State {
  int count = 0;

  @override
  Widget build(BuildContext context) {
    return FlatButton(
      onPressed: () {
        setState(() => count++);
      },
      child: Text('$count'),
    );
  }
}

在这个有状态类的例子中,定义了一个变量,并在按钮事件中通过setState来刷新该变量,从而实现界面的更新。

接下来,我们通过GlobalKey实现局部刷新,仍然使用上面的例子,但这次我们只刷新Text组件:

迅易年度企业管理系统开源完整版
迅易年度企业管理系统开源完整版

系统功能强大、操作便捷并具有高度延续开发的内容与知识管理系统,并可集合系统强大的新闻、产品、下载、人才、留言、搜索引擎优化、等功能模块,为企业部门提供一个简单、易用、开放、可扩展的企业信息门户平台或电子商务运行平台。开发人员为脆弱页面专门设计了防刷新系统,自动阻止恶意访问和攻击;安全检查应用于每一处代码中,每个提交到系统查询语句中的变量都经过过滤,可自动屏蔽恶意攻击代码,从而全面防止SQL注入攻击

下载
class TestRoute extends StatefulWidget {
  @override
  _TestRouteState createState() => _TestRouteState();
}

class _TestRouteState extends State {
  int count = 0;
  GlobalKey textKey = GlobalKey();

  @override
  Widget build(BuildContext context) {
    return Column(
      mainAxisAlignment: MainAxisAlignment.center,
      children: [
        TextWidget(textKey), // 需要更新的文本组件
        FlatButton(
          onPressed: () {
            count++; // 仅更改数值,状态刷新由Key处理
            textKey.currentState.onPressed(count);
          },
          child: Text('按钮 $count'),
        ),
      ],
    );
  }
}

// 封装的文本组件
class TextWidget extends StatefulWidget {
  final Key key;
  TextWidget(this.key);

  @override
  State createState() => TextWidgetState();
}

class TextWidgetState extends State {
  String _text = "0";

  @override
  Widget build(BuildContext context) {
    return Text(_text);
  }

  void onPressed(int count) {
    setState(() => _text = count.toString());
  }
}

通过这种方式,可以看到按钮上的count值没有变化,但需要更新的文本组件已经成功更新了值,实现了局部刷新的效果。

Flutter局部刷新优化性能

实现原理:textKey是一个类型为GlobalKey的键,其泛型为TextWidgetState(封装的文本组件且为有状态类)。因此,该键可以通过currentState方法调用类内部的onPressed方法,而onPressed方法恰好调用了setState来刷新局部状态。

相关文章

数码产品性能查询
数码产品性能查询

该软件包括了市面上所有手机CPU,手机跑分情况,电脑CPU,电脑产品信息等等,方便需要大家查阅数码产品最新情况,了解产品特性,能够进行对比选择最具性价比的商品。

下载

本站声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

相关专题

更多
counta和count的区别
counta和count的区别

Count函数用于计算指定范围内数字的个数,而CountA函数用于计算指定范围内非空单元格的个数。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

198

2023.11.20

flutter框架优缺点
flutter框架优缺点

Flutter框架的作用是帮助开发者快速高效地开发出高性能、高保真、跨平台的移动应用。想了解更多flutter的相关内容,可以阅读本专题下面的文章。

412

2023.12.22

flutter和uniapp区别
flutter和uniapp区别

flutter和uniapp的区别:1、开发语言不同;2、性能表现不同;3、组件库不同;4、跨平台支持不同;5、生态圈不同;6、开发环境搭建;7、开发难度;8、社区支持。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

288

2023.12.22

C++ 高级模板编程与元编程
C++ 高级模板编程与元编程

本专题深入讲解 C++ 中的高级模板编程与元编程技术,涵盖模板特化、SFINAE、模板递归、类型萃取、编译时常量与计算、C++17 的折叠表达式与变长模板参数等。通过多个实际示例,帮助开发者掌握 如何利用 C++ 模板机制编写高效、可扩展的通用代码,并提升代码的灵活性与性能。

9

2026.01.23

php远程文件教程合集
php远程文件教程合集

本专题整合了php远程文件相关教程,阅读专题下面的文章了解更多详细内容。

25

2026.01.22

PHP后端开发相关内容汇总
PHP后端开发相关内容汇总

本专题整合了PHP后端开发相关内容,阅读专题下面的文章了解更多详细内容。

18

2026.01.22

php会话教程合集
php会话教程合集

本专题整合了php会话教程相关合集,阅读专题下面的文章了解更多详细内容。

19

2026.01.22

宝塔PHP8.4相关教程汇总
宝塔PHP8.4相关教程汇总

本专题整合了宝塔PHP8.4相关教程,阅读专题下面的文章了解更多详细内容。

10

2026.01.22

PHP特殊符号教程合集
PHP特殊符号教程合集

本专题整合了PHP特殊符号相关处理方法,阅读专题下面的文章了解更多详细内容。

11

2026.01.22

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
Node.js 教程
Node.js 教程

共57课时 | 9.2万人学习

Vue 教程
Vue 教程

共42课时 | 7万人学习

Django 教程
Django 教程

共28课时 | 3.4万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号