Flutter中无限循环滚动的列表组件制造技术

本发明专利技术涉及Flutter中无限循环滚动的列表组件，包括如下步骤：创建动画效果；编写列表容器；获取用户传入的元素UI及数据列表；数据判断；显示用户传入的元素UI及数据列表；编写自动滚动、插入动画的任务。本发明专利技术通过对Flutter组件的封装，同时利用Timer类做定时任务来处理自动滚动定时任务，极大降低了相同功能编写重复代码的工作，代码数据量少，用法简单，实用性强。性强。性强。

【技术实现步骤摘要】
Flutter中无限循环滚动的列表组件


[0001]本专利申请属于列表组件
，更具体地说，是涉及一种Flutter 中无限循环滚动的列表组件。

技术介绍

[0002]Flutter是Google一个新的用于构建跨平台的手机App的软件开发工具包SDK。写一份代码，在Android 和iOS平台上都可以运行。Flutter使用Dart语言开发，结合C, C++, 和Skia（2D渲染引擎）构建支持hot reload，包含着完整的控件和工具链。
[0003]Dart可以被编译(AOT)成不同平台的本地代码，让Flutter可以直接和平台通讯而不需要一个中间的桥接过程，从而提高了性能。
[0004]在 Flutter 移动端应用（Android、iOS）开发中，通常会有无限循环滚动列表的需求。所谓无限循环滚动列表，是指将列表做成无限循环滚动，即第一个element滚出边界之后需要自动跳到队尾，参与下一轮滚动，达到无限滚动的效果。目前在 Flutter 移动端应用中还没有开发出上述无限循环滚动列表，或者即便是有类似的滚动列表，但本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.Flutter 中无限循环滚动的列表组件的构建方法，其特征在于，包括如下步骤：S1、创建动画效果：创建列表元素消失、显示时的动画效果，并为动画效果配置所需参数；S2、编写列表容器：构建列表样式，该列表容器中可展示多个元素UI，在元素UI发生变化时加入步骤S1中的动画效果；S3、获取用户传入的元素UI及数据列表；S4、判断数据列表的长度是否大于用户想显示元素UI的最大值k，若是，数据列表的长度=k；否则，数据列表的长度为用户实际传入数据列表的长度；S5、显示用户传入的元素UI及数据列表；S6、编写自动滚动、插入动画的任务：在用户传入的元素UI及数据列表显示后，删除数据列表中元素UI中的第一条数据，做删除动画，并把删除的第一条数据插入到数据列表中元素UI的最后一条中，做插入动画；于此同时，利用定时任务对元素UI做自动滚动，使元素UI实现无限循环滚动的效果，完成不断循环。2.根据权利要求1所述的Flutter 中无限循环滚动的列表组件的构建方法，其特征在于，步骤S2中，删除动画或插入动画从开始到结束的执行时间为0.1
‑

【专利技术属性】
技术研发人员：王璐，樊晓旺，彭泽峰，张海庆，
申请(专利权)人：北京沃德博创信息科技有限公司，
类型：发明
国别省市：