HarmonyOS 鸿蒙Next 组件Swiper nextMargin属性

HarmonyOS 鸿蒙Next 组件Swiper nextMargin属性

前提:Swiper的`loop`属性为`false`。Swiper组件在设置属性`nextMargin`后,当滑到最后一个位置时,都没有下一个了,UI为什么不能自动充满?

代码示例:

![cke_4634.png](https://alliance-communityfile-drcn.dbankcdn.com/FileServer/getFile/cmtybbs/021/322/248/0260086000021322248.20240119141513.47865756512892912453820486157282:50001231000000:2800:DCAFEC011051D71F943C1219CD2D5F4D77257F6FBCFB84F7CE109A64BC53D531.png)

实现效果:可以看到最后一个位置还是有右间距

![cke_8058.png](https://alliance-communityfile-drcn.dbankcdn.com/FileServer/getFile/cmtybbs/021/322/248/0260086000021322248.20240119141708.18883395380258580897806633422047:50001231000000:2800:F431D5751D2AAC0EC9760C9957757F9F4E547D6C686084D08DC9287F96524D84.png)
![cke_9043.png](https://alliance-communityfile-drcn.dbankcdn.com/FileServer/getFile/cmtybbs/021/322/248/0260086000021322248.20240119141720.75903578380205692384934530531336:50001231000000:2800:86FAEA6D8C73E70654108AF3E2B1FA80E4CFBDF6FD7DD483C353F04011DAF30B.png)

也尝试过在`onChange`中监听滑到最后一个改变`this.nextMargin`的值,但是会有明显的尺寸变化,不能接受

![cke_27328.png](https://alliance-communityfile-drcn.dbankcdn.com/FileServer/getFile/cmtybbs/021/322/248/0260086000021322248.20240119141937.81764362789093267646799123211146:50001231000000:2800:9D8BFD9208286595E903FE6F8962BD7D073FF5EAF40EDFFFF0303588F7794E43.png)

如何才能流畅的滑到最后一个时UI充满,滑到其他位置时能显示`nextMargin`

更多关于HarmonyOS 鸿蒙Next 组件Swiper nextMargin属性的实战教程也可以访问 https://www.itying.com/category-93-b0.html

2 回复

目前确实是这样的效果,看后期是否会增加对应的规划。

更多关于HarmonyOS 鸿蒙Next 组件Swiper nextMargin属性的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html


在HarmonyOS的鸿蒙Next中,Swiper组件的nextMargin属性用于设置滑动的下一个子组件与当前显示子组件之间的间距。这个属性允许开发者控制Swiper中不同页面之间的间隔,从而影响用户滑动时的视觉效果和体验。nextMargin的值可以是像素值或百分比,具体取决于开发者的需求。通过调整nextMargin,可以实现更灵活和个性化的滑动效果。

回到顶部