Button在加上stateStyles时,无法正常使用渐变效果
![](https://devpress.csdnimg.cn/5a37b762011846ac87df6f5977d5ec68.png)
harmonyos
@Component
@Preview
export default struct PrimaryButton {
text: ResourceStr = ''
build() {
Button(this.text)
.fontColor($r('app.color.white'))
.fontSize($r('app.float.font_16'))
.height("45vp")
.width("100%")
.enabled(true)
.stateEffect(true)
.backgroundColor($r('app.color.trans'))
.stateStyles({
normal: {
.backgroundColor($r('app.color.primary_button'))
// .linearGradient({
// direction: GradientDirection.Right,
// colors: [[0x67CF7C, 0], [0x39C9A0, 1]]
// })
},
disabled: {
.backgroundColor($r('app.color.font_black_ccc'))
// .linearGradient({
// colors: [[0xccc, 0], [0xccc, 1]]
// })
}
})
}
}
用上之后,不管是enable还是disable,效果都不正确
您需要先 登录 才能评论/回答
![](https://csdnimg.cn/release/devpress/public/img/icon-draft-w@2x.e0ed0bb8.png)
全部评论(1)
直接设置enable属性,与stateStyles 初始化是不联动的,可以提供传入状态值来实现所需要的逻辑。
@State
status: boolean = false
Button("Click Me")
.enabled(this.status)
![](https://csdnimg.cn/release/devpress/public/img/icon-up.ae97e627.png)
2024-07-27 11:10:15