HarmonyOS 鸿蒙Next Progress 设置渐变无效

设置渐变效果无效，代码如下

Progress({ value: this._mCurIndex+1, total: this.datas.length,type: ProgressType.Linear })
.backgroundColor($r(‘app.color.co_F0F4F5’))
.color({
angle: 0,
colors: [["#f97794", 0.0], ["#623aa2", 1]]
})
.height(DimensionUtil.getVp(20)).layoutWeight(1)

但是出来只有纯蓝色，也不属于两个渐变的色

更多关于HarmonyOS 鸿蒙Next Progress 设置渐变无效的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html

phonegap100 1楼•7 天前作者

可以参考下：

Stack({ alignContent: Alignment.TopStart }) {
        Row(){}
          .backgroundColor('#F0F4F5')
          .width(200)//this.datas.length
          .borderRadius(5)
          .height(10)
        Row(){}
          .borderRadius(5)
          .height(10)
          .width(170)//this._mCurIndex+1
          .linearGradient({
            angle: 90,
            colors: [[0xf97794, 0.0],[0x623aa2, 1.0]]
          })
      }

更多关于HarmonyOS 鸿蒙Next Progress 设置渐变无效的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html

gougou168 2楼•7 天前

在HarmonyOS鸿蒙Next Progress中，如果你发现设置渐变无效，通常可能是由于以下几个原因导致的：

属性配置错误：检查渐变属性是否正确设置，包括起始颜色、结束颜色、渐变方向等。确保这些参数符合你的设计要求，并且已经被正确应用到目标组件上。
组件不支持：某些组件可能不支持渐变效果。确认你正在尝试应用渐变的组件是否支持该效果。
样式优先级：如果组件上同时应用了多个样式，可能会导致某些样式被覆盖。检查是否有其他样式覆盖了你的渐变设置。
系统限制：某些情况下，系统限制或版本问题可能导致渐变设置不生效。确保你的鸿蒙系统版本支持你正在使用的渐变特性。
代码错误：如果你是通过代码设置渐变，检查是否有语法错误或逻辑错误导致渐变无法正确应用。
资源文件：如果渐变依赖于资源文件（如颜色资源），确保这些资源文件已正确加载且路径无误。

如果问题依旧没法解决请联系官网客服，官网地址是：https://www.itying.com/category-93-b0.html。