Избавляемся от границ вокруг представлений в SwiftUI

Question

У меня были проблемы с внешним видом моего приложения MacOS, которое я создаю с помощью SwiftUI. Кажется, что каждый текстовый элемент и стек, которые я вставил в приложение, имеют светло-серую рамку вокруг, от которой я не могу избавиться. Не важно, что я делаю, это всегда там. Я использую код ниже для отображения текста в верхней части моего приложения.

 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:

Я не уверен, как получить избавиться от этой границы / серый фон. Это еще более заметно в Light Mode против Dark Mode. Я даже добавил цвет фона, но он только помещает цвет вокруг чисел, но вы все равно можете видеть светло-серую часть, как будто это граница или что-то в этом роде.

Само собой разумеется, я очень новичок SwiftUI, и поэтому я прошу прощения, если я задаю вопрос супер Noob, но я убиваю себя, пытаясь избавиться от этого. Любая помощь будет принята с благодарностью.

Answer 1

Это внешний вид по умолчанию GroupBox

Вот для этого c

/// 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)