HarmonyOS鸿蒙Next中saveButton那个默认的图标怎么去掉，还有样式改成矩形圆角

HarmonyOS鸿蒙Next中saveButton那个默认的图标怎么去掉，还有样式改成矩形圆角 saveButton那个默认的图标怎么去掉，还有样式改成矩形圆角，怎么设置了ButtonType不生效

4 回复

开发者你好，saveButton是安全控件有约束，icon和text不传值的话为默认样式，text和icon必须要设置一个，默认的图标就可以去掉，还有样式可以改成矩形圆角，设置ButtonType生效

参考资料：https://developer.huawei.com/consumer/cn/doc/harmonyos-references/ts-security-components-savebutton#savebuttonoptions

更多关于HarmonyOS鸿蒙Next中saveButton那个默认的图标怎么去掉，还有样式改成矩形圆角的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html


SaveButton 的样式定制有严格规定的

saveButton去掉默认图标：设置iconVisibility(Visibility.None)或icon(undefined)。样式改为矩形圆角：使用shape(Shape.RECTANGLE)并设置borderRadius(value)，如borderRadius(8)。

SaveButton 是系统安全控件，其默认图标可通过 icon 属性设置为 SaveButtonIconStyle.HIDE 来去除；矩形圆角则直接使用组件的 borderRadius 属性即可修改。ButtonType 无法生效是因为 SaveButton 的样式受系统安全策略管控，并不支持该通用属性。若仍希望完全自定义外观，建议改用普通 Button 并自行处理保存逻辑（此时请注意满足安全提示规范，避免诱导点击等风险）。

示例代码：

SaveButton({
  icon: SaveButtonIconStyle.HIDE,  // 隐藏默认图标
  borderRadius: 16                 // 设置圆角
})
回到顶部