HarmonyOS Swiper组件的indicator有个默认宽高,且没有办法修改

HarmonyOS
4h前
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
zxjiu

该问题经验证可以通过修改bottom属性解决,demo如下:

@Entry
@Component
struct TestSwipper {
  @State message: string = 'Hello World';
  private bannerInfo: number[] = [1, 2, 3, 4, 5, 6, 7, 8, 9]

  build() {
    if (this.bannerInfo && this.bannerInfo.length > 0) {
      Swiper() {
        ForEach(this.bannerInfo, (item: number, index: number) => {
          Column() {
            Image($r("app.media.startIcon"))
              .alt($r("app.media.startIcon"))
              .width("100%")
              .aspectRatio(3.649)
              .borderRadius("8vp")
              .objectFit(ImageFit.Cover)

            Column() {

            }.width('100%')
            .height(35)
          }

        })
      }
      .cachedCount(2)
      .autoPlay(true)
      .interval(3000)
      .vertical(false)
      .loop(true)
      .margin({ left: "16vp", right: "16vp" })
      .indicator(
        new DotIndicator()
          .bottom(22)
          .itemWidth("4vp")
          .itemHeight("4vp")
          .selectedItemWidth("6vp")
          .selectedItemHeight("6vp")
          .color(Color.Gray)
          .selectedColor(Color.White)
      )
    }
  }
}
分享
微博
QQ
微信
回复
3h前
相关问题
HarmonyOS没有办法动态添加组件
469浏览 • 1回复 待解决
ArkTs如何获取组件
4630浏览 • 1回复 待解决
HarmonyOS如何获取指定子组件
1236浏览 • 1回复 待解决
Swiperindicator后续会支持自定义吗
1923浏览 • 1回复 待解决
HarmonyOS 横屏状态下获取组件
357浏览 • 1回复 待解决