flutter 基于pageview 制作上下轮播文字功能
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了flutter 基于pageview 制作上下轮播文字功能相关的知识,希望对你有一定的参考价值。
参考技术A 先制作一个纵轴滚动的pageview然后我们利用time组件实现自动轮播,这里面有个小技巧,掌握了这个小技巧就可以做无缝的循环播放,比如我有 a b c三项,我们在构造pageview item的时候人为的构造成a b c a,在c的后面加上a,当c滚动到a的时候,比如每次动画变换时间是500毫秒,那么就延迟500好秒快速的跳到第一个a页面,刚好等它滚动完就快速变换
在视觉上完全看不出来,这样就造成了无缝循环滚动的假象,同理如果你想反方向也可以无缝循环滚动,那么你在构造pageview item的时候就可以 这样c a b c a构造,只要控制好逻辑,完全没有任何问题
Flutter PageView 禁止滑动
参考技术A flutter 中的 PageView 应该类似于Android 中的ViewPager ,可以和底部导航或者 Tab Bar 联动时。当然如果需要禁止滑动:
PageView中有physics 属性:具体内容可查看官方文档
禁止滑动可以这样使用:
以上是关于flutter 基于pageview 制作上下轮播文字功能的主要内容,如果未能解决你的问题,请参考以下文章
如何在 Flutter 中使用 PageView 创建轮播(滑动动画)?