首页 > 解决方案 > 如何在 MacOS 应用程序上使用 SwiftUI 修正我的按钮视图

问题描述

我用一个按钮编写了一个内容视图。按钮的实际格式在另一个视图中,但这不是问题。

我为此尝试了许多“解决方案”,但写了一个非常精简的坏按钮示例。

正如您将从所附的屏幕截图中看到的那样,我真正想要的绿色按钮后面有一个灰色的“按钮”。此外,绿色按钮的顶部缺失,因为它应该有圆角,并且单词 Start 应该出现在框的中间。这很奇怪(对我来说!)。

我希望有人能够告诉我我的观点有什么问题。

这是我的屏幕截图!

这对我来说看起来很奇怪!

现在看代码

内容视图:

struct ContentView: View {
    var body: some View {
        VStack {
            Spacer()
            Button(action: {
                print("Got here")
            }, label: {
                ActionButton()
            })
            Spacer()
        }
        .frame(maxWidth: .infinity, maxHeight: .infinity)
    }
}

动作按钮:

struct ActionButton: View {
    var body: some View {
        ZStack (alignment: .center) {
            RoundedRectangle(cornerRadius: 5)
                .foregroundColor(Color.green)
            Text("Start")
                .bold()
                .foregroundColor(.black)
        }
        .frame(width: 80, height: 45)
    }
}

提前致谢。

标签: swiftmacosswiftui

解决方案


推荐阅读