HarmonyOS List设置.chainAnimation(true)时divider不生效

import { LRSStore } from 'lrs_requestlib'
import { NumberConfigRes } from 'lrs_requestlib/src/main/ets/models/NumberConfigRes'


@Preview
@Component
export struct GiftNumPopupWindow {
  numberConfigRes: NumberConfigRes = LRSStore.getNumberConfigResSync()
  @State selectConfig?: Array<number> | null = null
  @State showNumberConfigRes: Array<number> = Array(-1, 1)
  @State scaleY: number = 0
  @Link @Watch('exitShowDialog') onDismiss: boolean
  @Link showGiftNumPopupWindow: boolean
  aboutToAppear(): void {
    if (this.selectConfig == null || this.selectConfig.length <= 0) {
      if (this.numberConfigRes.list != null && this.numberConfigRes.list.length > 0) {
        this.showNumberConfigRes = this.numberConfigRes.list
      }
    } else {
      this.showNumberConfigRes = this.selectConfig
    }
    this.startShowDialog()

  }

  //开始展示弹窗
  startShowDialog() {
    setTimeout(() => {
      animateTo({
        duration: 150
      }, () => {
        this.scaleY = 1;
      })
    }, 100)
  }

  //结束展示弹窗
  exitShowDialog(onDismiss: boolean) {
    if (onDismiss) {
      animateTo({
        duration: 150, onFinish: () => {
          this.showGiftNumPopupWindow = false
          this.onDismiss = false
        }
      }, () => {
        this.scaleY = 0;
      })
    }
  }

  build() {

    List() {
      ForEach(this.showNumberConfigRes, (value: number, index: number) => {
        ListItem() {
          Text(value <= 0 ? "其他数量" : value.toString())
            .fontColor(value <= 0 ? "#66100D19" : $r("app.color.giftNameColor"))
            .fontColor(14)
            .textAlign(TextAlign.Center)
            .padding(10)
            .width("100%")
        }
      }, (item: number) => item.toString())
    }
    .listDirection(Axis.Vertical)
    .divider({
      strokeWidth: 2,
      color: $r("app.color.giftNumPickStroke")
    })
    .width(95)
    .height("auto")
    .borderRadius(15)
    .backgroundColor(Color.White)
    .borderWidth(2)
    .borderColor($r("app.color.giftNumPickStroke"))
    .chainAnimation(true)
    .scale({
      y: this.scaleY,
      centerX: "50%",
      centerY: "100%",
    })
  }
}

以上代码,List设置.chainAnimation(true)时divider不生效

HarmonyOS
2天前
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
put_get

链式动效生效后,List的分割线不显示,具体可以参考下:

https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/ts-container-list-V5#chainanimation

分享
微博
QQ
微信
回复
2天前
相关问题
List组件的initialIndex属性设置生效
2284浏览 • 1回复 待解决
HarmonyOS list中属性chainAnimation作用
24浏览 • 1回复 待解决
HarmonyOS Listdivider使用
583浏览 • 0回复 待解决
ConstraintSize尺寸设置生效
2412浏览 • 1回复 待解决
HarmonyOS Panel 设置 borderRadius 生效
714浏览 • 1回复 待解决
HarmonyOS stack设置圆角生效
102浏览 • 1回复 待解决
HarmonyOS Badge文本颜色设置生效
302浏览 • 1回复 待解决
通过WindowProperties设置属性生效
2182浏览 • 1回复 待解决
List组件divider颜色显示透List组件颜色
322浏览 • 0回复 待解决
使用List lazyForeach,reuseId未生效
329浏览 • 1回复 待解决
Tab 设置 barBackgroundColor为透明生效
309浏览 • 1回复 待解决
HarmonyOS 设置了icon和label生效
362浏览 • 1回复 待解决
HarmonyOS 设置安全区域生效
54浏览 • 1回复 待解决