Question

我使用SwiftUI构建的macOS应用的外观一直存在问题。我放入应用程序中的每个文本元素和堆栈似乎在其周围都有浅灰色边框，这是我无法摆脱的。没事，我做的事总是存在的。我正在使用下面的代码在我的应用程序的上部显示文本。

 GroupBox{//Remaining Time
                        Text("\(self.RemainingTime)")
                            .font(Font.custom("Lato", size: 30.0))
                            .fontWeight(.light)
                            //.foregroundColor(Color.black)
                            .padding(.bottom, -5)
                        Text("Remaining Time")
                            .font(Font.custom("Lato", size: 10.0))
                            .fontWeight(.bold)
                    }.frame(width: 120, height: 54)

是这样的： SwiftUI中的代码结果：

我不确定如何消除边框/灰色背景。在“亮模式”和“暗模式”下，这一点更加突出。我什至添加了背景色，但只将颜色放在数字周围，但是您仍然可以看到浅灰色部分，好像它是边框一样。

不用说，我是SwiftUI的新手，所以如果我问一个超级Noob问题，我深表歉意，但是我要自杀以摆脱它。任何帮助将不胜感激。

Answer 1

这是GroupBox的默认外观

这里是文档

/// A stylized view with an optional label that is associated with a logical
/// grouping of content.
public struct GroupBox<Label, Content> : View where Label : View, Content : View {

如果要摆脱这种情况，可以只使用VStack，如下所示

VStack {//<< the same but without group box styling !!
                    Text("\(self.RemainingTime)")
                        .font(Font.custom("Lato", size: 30.0))
                        .fontWeight(.light)
                        //.foregroundColor(Color.black)
                        .padding(.bottom, -5)
                    Text("Remaining Time")
                        .font(Font.custom("Lato", size: 10.0))
                        .fontWeight(.bold)
                }.frame(width: 120, height: 54)

摆脱SwiftUI中视图周围的边界

1 个答案: