Swift如何调整文本的背景区域

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

默认情况下，应用带有样式的新背景修饰符，忽略. all的安全区域，因此我们可以显式关闭它，例如

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

测试与Xcode 13.4/iOS15.5

替代:为了向后兼容，使用修饰符的不同变体

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