首页
学习
活动
专区
圈层
工具
发布

Flutter ListView 局部刷新数据、ListView点赞收藏

中 Item 局部数据刷新的效果,如下图所示。...答案为 是的,在这里模拟了100条数据,但是这里使用的是懒加载模式构建的,所以实际绘制出来的 Item 并不是 100 条,如下图所示: [在这里插入图片描述] 滑动时,滑出屏幕外的,超出ListView...ListView 每一个子 Item 都是一个独立的 StatefulWidget ,都对应的是一个 独立的 State ,所以调用 setState方法来刷新只是刷新了当前的 StatefulWidget...中,这样也能实现ListView 中一个Item中不同的Widget 刷新不同的区域。...widget.bean.isCollect; ///刷新页面显示 setState(() { }); 在这一步修改数据,看下图你就明白了 [在这里插入图片描述] ListView 的子Item

5K41
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    ListView下拉刷新与加载更多

    下拉刷新 ---- 在Flutter中系统已经为我们提供了google material design的刷新效果,我们可以使用RefreshIndicator组件来实现Flutter中的下拉刷新,下面们还是先来看下如何使用吧...可以看到,当我们下拉刷新结束后我们ListView的数据总数变成了40条。 接下来我们来修改下刷新进度的颜色与背景颜色再来看下效果。 ?...当然,这个下拉刷新不是仅仅只能用在ListView中的,其他的组件都可以使用这个的。 下面我们就来介绍下如何实现ListView的上拉加载更多吧。...然后修改ListView,使得itemCount数目加1,当是最后一条时显示加载中的View,不是最后一条显示正常的Widget 好吧,我们还是来看下效果: ?...实现起来也很简单,只是替换下加载更多的Item而已 当然,其他的效果大家可以根据自己的需要去自己实现哦 当然,上面的下拉刷新和加载更对可以同时用在一个ListView上面,这里就不再贴代码了,大家自己在下面试下

    3.6K20

    Android ListView优化之局部刷新(更新)(非notifyDataSetChanged)

    在Android开发中我们经常会用到listview的数据和界面刷新动作,我们每次可能会用到的都是Adapter.notifyDataSetChanged()方法。...这个方法的原理是利用观察者模式对我们的数据源进行监听,当我们的数据源发生变化的时候,会调用Adapter的getView()方法进行整个界面的刷新。...这样的话我们发现,getview()会调用多次,刷新了好多个不需要刷新的item,这样的话相对而言,降低了效率。但是,我们有的情况下是只需要对某个item的数据进行刷新就可以了。...局部刷新方法一:更新对应view的内容 这种方法先通过listView.getChildAt(position)拿到要更新的对应的item布局文件,然后再通过findViewById找到对应的控件进行设置...局部刷新方法三:调用一次getView()方法 这种方法是调用适配器对应的getView方法,用它里面的代码对界面进行刷新。

    3.6K20

    FlatList ListView SectionList 下拉刷新 上拉加载 彻底解决

    有点: 支持上拉和下拉刷新 不用做任何标志位标志上拉下拉 支持无更多数据功能 支持代码使其自动下拉刷新(场景:第一次页面加载完毕,自动下拉) 内容超过屏幕,距离滑动到底部 30 单位,自动回调上拉 待完善...根据需求 仔细想想还是给个使用 demo 吧 /// 使用此刷新 FlatList 不用考虑刷新的状态和控制刷新的状态。...方法,主动刷新 /// 以实现进入此界面时,主动下拉刷新 beginRefresh={begin=>this.begin...MJRefresh或者项目中自己的刷新组件(自定义刷新组件)。...更改为 MJRefresh 后,刷新效果和原生一样。 刷新修改后,真的还能看出来是 RN 还是原生APP吗?

    5.1K30

    Flutter-ListView组件下拉刷新+滚动底部加载+缓存封装

    Flutter的ListView组件,虽然很好用,但是数据量大的时候,在低配置的机器上会奇卡无比,所以我封装了一个ListView组件,对数据进行截断,并使用 keframe 插件进行流畅性优化,提升低配置设备的用户体验...+滚动到底部自动加载的ListView组件(返回数据定义复杂是方便局部刷新) class CacheTableList extends StatefulWidget { List tableList...fontSize: 15, color: Colors.black38, fontWeight: FontWeight.bold), ), ) : ListView.builder...注意高度设定需符合要求 createList: (index) { return FrameSeparateWidget(//使用keframe进行单帧动画优化,提升低配置设备流畅性。...列表内容5","列表内容6"]; CacheTableList( createList: (index) { return FrameSeparateWidget(//使用 keframe 进行单帧动画优化

    1.6K10

    【Flutter 专题】图解 ListView 下拉刷新与上拉加载 (一)

    和尚上次学 ListView 时,只学习了一下异步请求数据加载新闻和 Loading 等待的小知识点,但对于新闻列表数据的更新和加载更多是必不可少的,而实现【下拉刷新】与【上划加载更多】的方式有很多种...并同步 packages get; 在相应的 .dart 文件中添加引用 import 'package:flutter_refresh/flutter_refresh.dart'; 数据加载时暂时不用 ListView...变更为 new Refresh,和尚主要是处理 onHeaderRefresh 下拉刷新 和 onFooterRefresh 底部刷新 两个方法中的数据处理。...ScrollController controller, ScrollPhysics physics}) { return new Container( child: new ListView.builder...问题一:初始化进入页面后,加载完第一页之后刷新数据不加载,第二次刷新数据才加载,且加载的是上一次刷新的数据?

    2.2K31

    WPF 解决 ListView 的滚动条不显示

    本文告诉大家如何解决一个诡异的问题,如果有一个 ListView 同时里面的元素的高度很长,但是滚动条就是不显示,怎么让这个滚动条显示 本文不属于小白博客,忽略所有的业务环境和样式问题以及对 ScrollViewer...的设置问题 在开始发现这个问题请先看 ListView 的滚动条,通过继承 ListView 或 ListBox 可以在 Load 事件拿到滚动条,需要判断 ScrollViewer 的 ExtentHeight...这样的原理是滚动条是否出现是通过判断 ScrollableHeight 或 ScrollableWidth 的值,但是这个值是通过判断内容的长度或宽度减去显示的长度宽度如果显示的内容大于内容就不显示。...CanContentScroll 已经设置为 false 这样 ExtentHeight 就是内容的长度 通过 ScrollViewer.Content 可以知道 ExtentHeight 和 ExtentWidth 这个在 ListView...源代码 · ScrollViewer ---- 本文会经常更新,请阅读原文: https://lindexi.gitee.io/post/WPF-%E8%A7%A3%E5%86%B3-ListView

    5.3K30

    【Flutter 专题】21 图解 ListView 下拉刷新与上滑加载(三)

    和尚前段时间整理了两种 ListView 的异步加载数据时,下拉刷新与上滑加载更多的方式,每种方式都有自己的优势,网上也有很多大神讲解过 ListView 数据流的种种处理方式,和尚根据实际遇到的情况整理一下尝试的第三种方案...RefreshIndicator 下拉刷新 Flutter 提供了自带刷新效果的 RefreshIndicator,这也是网上大神们用的最多的 Widget 之一,使用方式也很简单,RefreshIndicator...中提供了一个刷新的回调入口 onRefresh,仅需在该回调接口中处理数据请求即可,如下: // 刷新时数据请求 Future _loadRefresh() async { await...: 初始化时添加监听事件,判断是否滑动到最底部; ListView 中添加监听方法。...: RefreshIndicator( onRefresh: _loadRefresh, child: ListView.builder( itemCount:

    1.9K41

    Android学习第四弹之仿IOS“雨滴”拖拽的下拉刷新的ListView

    仿IOS“雨滴”拖拽的下拉刷新 非著名程序员 我想Android开发者最头疼的莫过于在开发过程中什么都仿着IOS做,明明Android有自己独特的方式,也要用IOS的展示方式,我也相信大多数开发者所在的公司的...我们现在来说一说在IOS手机上下拉刷新小水滴的动画效果怎么实现。 那么我们先来看看效果图,图片如下: ?...3、自定义ListView的header,里面主要是写一些在下拉过程中的一些状态,根据不同的状态显示不同的动画效果。 4、自定义ListView的footer部分,就是点击查看更多,这部分比较简单。...5、最主要的自定义ListView部分,它集成ListView这个抽象类,把以上三分部组合起来。 可能很多开发者说,说起来简单,做起来难,确实是这样,尤其是对于初学者来说。

    1.2K50
    领券