flutter flutter_swiper自定义指示器

在项目中使用flutter_swiper库实现Banner时,为匹配设计稿需求,对指示器进行了自定义。通过查看源码,了解到flutter_swiper支持传入任意控件作为指示器,并发现指示器实现位于flutter_page_indicator库中。通过添加枚举类型、实现新的指示器样式以及修改背景Widget,成功将圆形指示器改为方形,满足了设计需求。
摘要由CSDN通过智能技术生成

转载请注明出处:王亟亟的大牛之路

最近在做公司项目的一些模块迁移的尝试,然后在改Banner的时候发现官方并没有提供封装彻底的ViewPager控件,然后第三方里我选了 https://github.com/best-flutter/flutter_swiper
理由有以下几点

  1. 有人维护,且仍在继续开发
  2. 文档解释比较清晰
  3. 使用比较简便
  4. 满足了业务效果

官方的演示效果
在这里插入图片描述
设计稿长这样
在这里插入图片描述

可以发现他的指示器是圆的,然而我们的是方的,所以带着疑问我看了下他的文档

在这里插入图片描述
官方对自定义指示器是有支持的,先看一下他支持传入什么控件

class SwiperCustomPagination exten
评论 16
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值