How to hide the indicator in the Swiper component

#huawei #harmony #harmonyos

Read the original article：How to hide the indicator in the Swiper component

Question

How to hide the indicator of Swiper component?

Solution/Short Answer

The Swiper component is a slider view container that provides the ability for subcomponents to display a sliding carousel. The built-in indicator can be turned off by setting the indicator property to false.

@Entry
@Component
export struct  SwiperIndicator{
  build() {
    Column(){
      Swiper(){
        Image($r('app.media.background'))
          .width(20)
          .height(20)
        Image($r('app.media.background'))
          .width(20)
          .height(20)
        Image($r('app.media.background'))
          .width(20)
          .height(20)
      }
      .width('100%')
      .height('60%')
// hide indicator
      .indicator(false)
    }
    .alignSelf(ItemAlign.Center)
    .alignItems(HorizontalAlign.Center)
  }
}