HarmonyOS Swiper指示器距离底部距离过大,是否有办法能调小

Swiper指示器距离底部距离过大,bottom设置为0距离还是过大,有没有办法调小?见截图

HarmonyOS Swiper指示器距离底部距离过大,是否有办法能调小 -鸿蒙开发者社区

HarmonyOS
2025-01-09 15:02:57
浏览
收藏 0
回答 1
回答 1
按赞同
/
按时间
zxjiu

目前Indicator组件是有布局边距的,通过属性设置是没法满足要求,但是可以通过如下方式实现开发者需求

@Entry
@Component
struct SwiperDemo {
  arr: Array<number> = [1, 2, 3, 4]
  private swiperController: SwiperController = new SwiperController();

  build() {
    Column({ space: 5 }) {
      Swiper(this.swiperController) {
        ForEach(this.arr, (item: number, index: number) => {
          Column() {
            Text(`Page ${item}`)
              .width(250)
              .height(250)
              .backgroundColor(Color.Gray)
              .textAlign(TextAlign.Center)
              .fontSize(30)

            Column()
              .width(250)
              .height(10)
          }
        })
      }
      .indicator(true)
    }.width('100%')
    .margin({ top: 5 })
  }
}
  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.
  • 16.
  • 17.
  • 18.
  • 19.
  • 20.
  • 21.
  • 22.
  • 23.
  • 24.
  • 25.
  • 26.
  • 27.
  • 28.
  • 29.
分享
微博
QQ
微信
回复
2025-01-09 18:29:35


相关问题
HarmonyOS Swiper指示器
693浏览 • 0回复 待解决
HarmonyOS Swiper指示器
635浏览 • 1回复 待解决
HarmonyOS Swiper指示器显示错误
768浏览 • 1回复 待解决
HarmonyOS 关于Swiper指示器问题
1152浏览 • 1回复 待解决
HarmonyOS swiper修改指示器问题
552浏览 • 1回复 待解决
如何设置swiper指示器不显示
1547浏览 • 1回复 待解决
HarmonyOS如何自定义Swiper指示器样式?
700浏览 • 0回复 待解决
HarmonyOS swiper组件滚动距离实时监听
1012浏览 • 1回复 待解决
HarmonyOS 底部安全距离是怎么获取
1748浏览 • 1回复 待解决
HarmonyOS 底部安全距离获取为0
1333浏览 • 1回复 待解决