Flutter setState(){}浅析

Flutter 里面包含两种widget 一种可变的,一种不可变的;
在可变的widget中可以使用 setstate(){} 函数。
官方也给出了例子:

_onClick(){

  setState(){
      title = "123";
  }
}
@override
  Widget build(BuildContext context) {
    // TODO: implement build
    return Text("$title");
  }

改变title的内容,视图也会跟着改变。类似响应式编程?真的吗?
我们仔细看看:
我们改改试试遮掩怎么样?

_onClick(){
      title = "123";
  setState(){

  }
}

会不会发生改变呢?
YES.
WHY?
这需要了解的有flutter的渲染机制了,她的渲染机制用的是skia,和web的渲染是一样的,非常个轻量化和快速。
setState(){}的调用时吧视图重新绘制了一遍,但是并不是把整个视图diss掉再从新绘制。而是调用了build方法,绘制只是绘制不一样的地方,这段知识会在flutter的渲染里详细讲解。

    原文作者:weixin_34417814
    原文地址: https://blog.csdn.net/weixin_34417814/article/details/87410811
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞