You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

SwiftUI按钮默认是否带边框?如何去除其默认圆角背景?

如何在SwiftUI中创建仅显示文本、无背景的按钮?

要实现仅显示文本标签、无背景的按钮,只需给你的Button添加.buttonStyle(.plain)修饰符,就能覆盖默认的带背景样式:

修改后的完整代码如下:

import SwiftUI

struct ContentView: View {
    var body: some View {
        ZStack {
            Rectangle()
                .frame(width: 1000, height: 500)
                .foregroundColor(.red)
            Button(action: {
                
            }) {
                Text("Button")
            }
            .buttonStyle(.plain) // 添加该修饰符
        }
    }
}

Xcode中默认按钮带圆角背景,是因为SwiftUI在不同开发环境下的默认按钮样式有差异——Xcode的默认样式会根据上下文提供带背景的按钮,而Swift Playgrounds的默认样式更偏向轻量化的纯文本按钮。使用plain样式可以强制按钮仅渲染文本内容,不附带任何背景和边框。

内容的提问来源于stack exchange,提问作者Churro the Duck

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.08.22 18:45:33