美文网首页
flutter 页面频繁刷新节省页面性能的组件RepaintBo

flutter 页面频繁刷新节省页面性能的组件RepaintBo

作者: 天渺工作室 | 来源:发表于2020-07-09 17:33 被阅读0次

在flutter 页面中,如果存在定时器操作或者人为的 频繁操作setState({});刷新

页面需要更新的页面结构可以用 RepaintBoundary组件嵌套,flutter 会将包含的组件独立出一层"画布",去绘制。

//频繁刷新的性能节约嵌套组件 RepaintBoundary
 return RepaintBoundary(
      child: Text(
        "${showTime}",
//        softWrap: true,
//        textAlign: TextAlign.left,
//        overflow: TextOverflow.ellipsis,
//        maxLines: 3,
          style: widget.style ?? TextStyleConstant().origin_16,
      ),
  );
image.gif
 源代码的解释 创建隔离重绘的小部件 所以性能可以省很多
image

image.gif

相关文章

  • flutter 页面频繁刷新节省页面性能的组件RepaintBo

    在flutter 页面中,如果存在定时器操作或者人为的 频繁操作setState({});刷新 页面需要更新的页面...

  • Flutter源码分析之setState分析

    setState方法算是flutter使用最频繁的方法了,每次页面数据有改变,都需要调用这个方法,去触发页面的刷新...

  • Flutter 页面生命周期

    Flutter 页面生命周期就是 Flutter 页面组件 Widget 的生命周期。 Flutter 有两种组件...

  • Flutter 路由

    flutter 路由 页面跳转 在flutter中界面就是组件Flutter 中的路由通俗的讲就是页面跳转。在 F...

  • ReactNative mark

    1、对Model操作之后,页面/组件不刷新的问题 原因:对Model操作之后,不触发刷新页面/组件的行为 ...

  • keep-alive

    keep-alive是Vue提供的一个抽象组件,用来对组件进行缓存,从而节省性能,由于是一个抽象组件,所以在v页面...

  • Vue / keep-alive

    keep-alive是Vue提供的一个抽象组件,用来对组件进行缓存,从而节省性能,由于是一个抽象组件,所以在v页面...

  • Flutter 42: 图解页面截屏与本地保存小尝试

    小菜因特别需求想尝试一下 Flutter 页面截屏并将图片保存在本地的功能,记录一下尝试过程。 RepaintBo...

  • SpringMVC-Ajax

    ajax:异步刷新技术,可以在步刷新整个页面的前提下,刷新部分页面,节省资源 环境搭建:1、搭建好SpringMV...

  • flutter学习日记(一)————文章以及flutter介绍

    flutter学习日记(二)————flutter的布局和页面组件 flutter学习日记(三)————Flutt...

网友评论

      本文标题:flutter 页面频繁刷新节省页面性能的组件RepaintBo

      本文链接:https://www.haomeiwen.com/subject/zmvscktx.html