layout - UIView 顶点低于预期

Question

我有格式问题。我想要的是第二张照片，但由于某种原因，我的视野开始有点低。你可以看到图片之间的差距。我想在没有偏移的情况下解决这个问题。可能是因为 .navigationBarHidden(true) 但我不想要导航栏。

我在代码中添加了 NavigationView，因为我有一个右下角的按钮来添加新任务。

另外由于某种原因，此按钮不可点击。如果你能解决这个问题会很好。

import SwiftUI

struct TaskListView: View {
@State private(set) var data = ""
@State var isSettings: Bool = false
@State var isSaved: Bool = false
var body: some View {
    NavigationView {
        ZStack {
            Color(#colorLiteral(red: 0.9333333333, green: 0.9450980392, blue: 0.9882352941, alpha: 1)).edgesIgnoringSafeArea(.all)
            VStack {
                TopBar()
                HStack {
                    CustomTextField(data: $data, tFtext: "Find task", tFImage: "magnifyingglass")
                    Button(action: {
                        self.isSettings.toggle()
                    }, label: {
                        ZStack {
                            RoundedRectangle(cornerRadius: 15)
                                .frame(width: 50, height: 50, alignment: .center)
                                .foregroundColor(Color(#colorLiteral(red: 0.4274509804, green: 0.2196078431, blue: 1, alpha: 1)))
                            Image("buttonImage")
                                .resizable()
                                .frame(width: 30, height: 30, alignment: .center)
                        }
                        .padding(.horizontal, 15)
                    })
                }
                CustomSegmentedView()
                ZStack {
                    TaskFrameView()
                    Button( action: {
                        self.isSaved.toggle()
                    }, label: {
                        ZStack {
                            RoundedRectangle(cornerRadius: 20)
                                .foregroundColor(Color(#colorLiteral(red: 1, green: 0.7137254902, blue: 0.2196078431, alpha: 1)))
                            Text("+")
                                .foregroundColor(.white)
                                .font(.title)
                                .fontWeight(.bold)
                        }
                        .frame(width: 40, height: 40)
                        .offset(x: 150, y: 220)
                    })
                    NavigationLink(
                        destination: NewTaskView(),
                        isActive: $isSaved,
                        label: {
                            Text("")
                        })
                }
            }
        }
        Spacer()
    }
      .navigationBarHidden(true)
    }
 }

struct TopBar: View {
  var body: some View {
      HStack {
         Image("avatar")
            .resizable()
            .frame(width: 100, height: 100)
        VStack(alignment: .leading){
            DateView()
                .font(Font.custom("SFCompactDisplay", size: 20))
                .foregroundColor(.gray)
                .padding(.vertical, 5)
            Text("Hi, Random")
                .font(Font.custom("SFCompactDisplay", size: 20))
        }
        Image(systemName: "ellipsis")
       }
   }
}

Answer 1

它是导航视图栏。navigationBarHidden修饰符应该在里面， NavigationView比如

    }
    .navigationBarHidden(true) // << here !!
    Spacer()
} // end of NavigationView