如何在 Flutter 中更改 Swiper 分页颜色?

Posted

技术标签:

【中文标题】如何在 Flutter 中更改 Swiper 分页颜色?【英文标题】:How to Change Swiper pagination color in Flutter? 【发布时间】:2020-10-25 11:17:54 【问题描述】:

我在 Flutter Activity 中使用 Swiper 作为滑块我想将 Swiper 点指示器颜色从蓝色(默认)更改为自定义,但我无法找到如何更改指示器颜色的方法,我也想更改位置容器内的指示器。

【问题讨论】:

有代码例子看看你用的是什么包和参数 Container( child: SizedBox( height: 170, child: Swiper( itemCount: 5, viewportFraction: 0.8, scale: 0.9, itemBuilder: (_, i) return Container( height: 165, child : 函数(Tteam1[i], Tteam2[i], Turl1[i], Turl2[i],Tdate1[i],Tloc[i]), ); , ,),),), 【参考方案1】:

我通过在 Swiper 小部件中添加以下代码找到了解决此问题的方法。

 pagination: new SwiperPagination(
                alignment: Alignment.bottomCenter,
                builder: new DotSwiperPaginationBuilder(
                    color: Colors.grey, activeColor: Color(0xff38547C)),
              ),
              control: new SwiperControl(
                color: Color(0xff38547C),
              ),

添加此代码后,输出如下所示:

【讨论】:

以上是关于如何在 Flutter 中更改 Swiper 分页颜色?的主要内容,如果未能解决你的问题,请参考以下文章

vue中使用Swiper插件怎么修改他的分页器样式

2022-02-20 Vue中使用swiper,上下翻页和分页器自定义

带有 PageView 构建器的 Flutter 中的 Tinder swiper

如何在 swiper.js 中更改滑动方向?

一个swiper 两个分页器的写法总结

将 Swiper 分页移动到 Swiper 容器的顶部