支持上拉加载更多的自定义横向滑动表格

在股票软件中,经常会看到如下所示的效果(ps:由于公司数据敏感,所以使用另一个朋友的一个图)。
在这里插入图片描述
分析需要后,我先在网上找了下支持横向滑动的组件,最后找到了这个:flutter_horizontal_data_table,看了下示例,也满足我的开发需要,并且我使用2000条数据进行测试,也没有卡顿的问题。

不过,这个组件有一个问题是不支持下拉,因为很多场景中,对于这种数据比较多的情况,我们需要对数据进行分页加载,给予此,我们需要对flutter_horizontal_data_table进行改造,增加支持上拉加载更多和下拉刷新的功能。于是,改造后的代码如下所示。

/*
 * https://github.com/MayLau-CbL/flutter_horizontal_data_table
 */
class HorizontalDataTable extends StatefulWidget {

  final VoidCallback loadMore;
  final bool enablePullUp;
  final double leftHandSideColumnWidth;
  final double rightHandSideColumnWidth;
  final bool isFixedHeader;
  final List<Widget> headerWidgets;
  final List<Widget> leftSideChildr
xiangzhihong8 CSDN认证博客专家 HTTPS 前端框架 JavaScript
著有《React Native移动开发实战》、《Kotlin入门与实战》和《Weex跨平台开发与实战》以及《React Native开发进阶》,即将出版《Flutter跨平台开发实战》
©️2020 CSDN 皮肤主题: 成长之路 设计师:Amelia_0503 返回首页
实付 9.90元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值