SwiftUI中条件渲染按钮的.tint(_:)修饰符失效问题求解

你遇到的问题是因为用if语句直接包裹Button时，SwiftUI的视图树会随条件动态重建，导致.tint()修饰符无法稳定作用于按钮。这里有几个实用的解决方法：

方法1：用.visible()控制显示（iOS 16+） #

直接保留Button在视图树中，用.visible()替代if语句控制显示状态，这样.tint()能正常生效：

List {
    TextField("...", text: $aVariable)
        .swipeActions {
            Button(action: {
                // 执行操作
            }, label: {
                Image(systemName: "xmark.bin.fill")
            })
            .tint(.red)
            .visible(aVariable != "")
        }
}

方法2：用透明度+禁用控制可见性（兼容iOS 15及以下） #

如果需要兼容更低版本，可以用.opacity()隐藏按钮，同时加上.disabled()防止误触：

List {
    TextField("...", text: $aVariable)
        .swipeActions {
            Button(action: {
                // 执行操作
            }, label: {
                Image(systemName: "xmark.bin.fill")
            })
            .tint(.red)
            .opacity(aVariable != "" ? 1 : 0)
            .disabled(aVariable == "")
        }
}

方法3：自定义ButtonStyle（强制指定背景色） #

如果一定要用if语句包裹Button，可以通过自定义ButtonStyle直接设置按钮背景色，绕过默认的tint失效问题：

// 定义红色滑动按钮样式
struct RedSwipeButtonStyle: ButtonStyle {
    func makeBody(configuration: Configuration) -> some View {
        configuration.label
            .foregroundColor(.white)
            .padding()
            .background(configuration.isPressed ? Color.red.opacity(0.8) : Color.red)
            .cornerRadius(8)
    }
}

// 使用样式
List {
    TextField("...", text: $aVariable)
        .swipeActions {
            if aVariable != "" {
                Button(action: {
                    // 执行操作
                }, label: {
                    Image(systemName: "xmark.bin.fill")
                })
                .buttonStyle(RedSwipeButtonStyle())
            }
        }
}

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