HarmonyOS Swiper嵌套图片,滑动过程中圆角失效

@Builder
setBannerUi() {
  Row() {
    Swiper(this.swiperController) {
      ForEach(this.bannerData, (url: BannerItemModelResponse) => {
        Row() {
          Image(url.url)
            .width('100%')
            .height(168)
            .borderRadius(8)
        }
        .borderRadius(8)
        .clip(true)
      })
    }
    .loop(true) //  无限轮播
    .autoPlay(true) //  自动播放
    .interval(1000) //  间隔时间
    .index(this.indexCont)
    .onChange((index: number) => {
      this.indexCont = index

    })
  }
  .width('100%')
  .height(168)
  .backgroundColor(Color.White)
  .borderRadius(8)
}
HarmonyOS
1天前
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
put_get

示例参考如下:

const swiperImage: Resource[] = [
  $r('app.media.ic_banner01'),
  $r('app.media.ic_banner02'),
  $r('app.media.ic_banner03'),
  $r('app.media.ic_banner04')
]

@Entry
@Component
struct Index {
  build() {
    RelativeContainer() {

      Swiper() {
        ForEach(swiperImage, (item: Resource) => {
          Image(item)
            .width('100%')
            .aspectRatio(2.25)
            .borderRadius(16)
            .backgroundColor(Color.White)
        }, (item: Resource) => JSON.stringify(item))
      }
      .loop(true)
      .interval(2000)
      .itemSpace(0)
      .width('100%')
      .indicator(new DotIndicator().selectedColor('#F74E42'))
      .displayCount(1)
      .autoPlay(true)
      .margin({ top: 12, bottom: 12 })
    }
    .height('100%')
    .width('100%')
    .backgroundColor(Color.Gray)
  }
}
分享
微博
QQ
微信
回复
1天前
相关问题
HarmonyOS 动画过程中UI残留
80浏览 • 1回复 待解决
HarmonyOS WebView 圆角设置失效
129浏览 • 1回复 待解决
UIAbility的冷启动过程是怎样的?
671浏览 • 1回复 待解决
Swiper 组件嵌套图片刷新数据会闪烁
1278浏览 • 1回复 待解决
录制过程中HarmonyOS如何切换摄像头
461浏览 • 1回复 待解决
mysql存储过程中处理多条数据
2042浏览 • 1回复 待解决
HarmonyOS napi开发过程中的泄漏问题
43浏览 • 1回复 待解决
Lite Wearable 开发过程中的疑问
10916浏览 • 2回复 待解决
在HAP编译的过程中,本地依赖tgz
851浏览 • 1回复 待解决
RelativeContainer布局嵌套Stack失效
407浏览 • 1回复 待解决
HarmonyOS Swiper滑动相关
15浏览 • 1回复 待解决