如何创建带有更大图片的ButtonStyle？

当然可以突破imageScale的三个预设限制，实现更大的图片尺寸，下面是几种实用方案：

方案一：使用scaleEffect直接缩放 #

直接通过scaleEffect修饰符对图片进行自由缩放，还能结合按钮按压状态添加动态反馈：

struct SpecialButton: ButtonStyle {
    func makeBody(configuration: ButtonStyleConfiguration) -> some View {
        configuration.label
            .font(.system(size: 10, weight: .bold))
            .scaleEffect(configuration.isPressed ? 1.4 : 1.6) // 常态放大1.6倍，按压时稍缩
            .animation(.easeInOut(duration: 0.2), value: configuration.isPressed)
    }
}

方案二：固定图片尺寸（精准控制） #

如果需要更精准的尺寸把控，可给图片设置固定frame，配合resizable和scaledToFit（适用于label为Image组件的场景）：

struct SpecialButton: ButtonStyle {
    func makeBody(configuration: ButtonStyleConfiguration) -> some View {
        configuration.label
            .font(.system(size: 10, weight: .bold))
            .frame(width: 40, height: 40) // 自定义目标尺寸
            .contentShape(Rectangle()) // 确保点击区域匹配新尺寸
            .scaleEffect(configuration.isPressed ? 0.95 : 1.0) // 按压反馈
    }
}

// 使用示例
Button {
    // 点击事件逻辑
} label: {
    Image(systemName: "heart.fill")
        .resizable()
        .scaledToFit()
}
.buttonStyle(SpecialButton())

方案三：自定义Label视图（图文混合场景） #

如果按钮label包含图片和文字，只想单独放大图片，可自定义Label结构针对性调整：

struct IconTextLabel: View {
    let icon: String
    let text: String
    let iconSize: CGFloat
    
    var body: some View {
        HStack(spacing: 4) {
            Image(systemName: icon)
                .resizable()
                .scaledToFit()
                .frame(width: iconSize, height: iconSize)
            Text(text)
        }
    }
}

struct SpecialButton: ButtonStyle {
    func makeBody(configuration: ButtonStyleConfiguration) -> some View {
        configuration.label
            .font(.system(size: 10, weight: .bold))
            .scaleEffect(configuration.isPressed ? 0.95 : 1.0)
    }
}

// 使用示例
Button {
    // 点击事件逻辑
} label: {
    IconTextLabel(icon: "star.fill", text: "收藏", iconSize: 30)
}
.buttonStyle(SpecialButton())

内容的提问来源于stack exchange，提问作者Manngo