迅速如何调整文本的背景区域

Question

我有一个带有一些堆栈的Swift文件，其中上文的作用很奇怪。我不明白为什么“控制器”文本的背景颜色延伸到屏幕的末端。如何调整背景的高度？

 var body: some View {
        NavigationView {
            ZStack {
                Color("Themecolor")
                .edgesIgnoringSafeArea(.all)
                VStack {
                    HStack(spacing: 0) {
                      Text("BIKE")
                        .font(.system(size: 52))
                        .fontWeight(.bold)
                        .foregroundColor(.white)
                      Text("Controller")
                        .font(.system(size: 52))
                        .foregroundColor(.black)
                        .background(
                            .white)
                    }
                    .offset(y: -50)
                    

Answer 1

默认情况下，使用的安全区域应用了带有样式的新背景修饰符，因此我们可以明确将其关闭，例如

  Text("Controller")
    .font(.system(size: 52))
    .foregroundColor(.black)
    .background(
        .white, ignoresSafeAreaEdges: .bottom)  // << here !!

用Xcode 13.4/ios 15.5进行

测试是使用不同的修饰符变体

  Text("Controller")
    .font(.system(size: 52))
    .foregroundColor(.black)
    .background(
        Rectangle().fill(.white))    // << here !!