美文网首页
flutter监听优化一个小思路!!防止重复刷新状态

flutter监听优化一个小思路!!防止重复刷新状态

作者: 长江悠悠向东流 | 来源:发表于2019-08-21 23:16 被阅读0次

直接进入真题,上图上代码!
很多时候我们都要用到flutter的列表监听,这里就举一个列子,appr上面的title
我们想要实现的是下拉到一定距离显示价格,上滑到原位置隐藏价格

直接上优化后的代码
我们多添加一个bool类型的值

  bool _show=true;
@override
  void initState() {
    // TODO: implement initState
    super.initState();
    scrollController.addListener((){
      if(scrollController.position.pixels>=60&&_show)   
        setState(() {
          print('显示');
         _show=false;
          price='89';
        });
      else if(scrollController.position.pixels<=60&&!_show){
        setState(() {
          print('隐藏');
         _show=true;
          price='';
        });
      }
      else{

      }

    });
  }

这样就实现了滑动距离 0-60只重设一次状态,60到无穷也只重设一次状态

image.png
image.png

从上往下一直拉,打印的结果


image.png

相关文章

网友评论

      本文标题:flutter监听优化一个小思路!!防止重复刷新状态

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