swiftui - 如何在父视图使用 IgnoringSafeArea() 时访问 safeArea 插图

Question

如您所见，我想将搜索栏完全放在顶部，safeArea但proxy.safeAreaInsets由于PreviewProvider父级使用edgesIgnoringSafeArea.

我能做些什么 ？有什么方法可以访问 safeAreaInsets？

struct FindView: View {
  
  // MARK: -  Properties
  @ObservedObject var viewModel: FindViewModel
  
  init(viewModel: FindViewModel){
    self.viewModel = viewModel

  }
  
  var body: some View {
 
      GeometryReader { proxy in
        ScrollView(.vertical, showsIndicators: true, content: {
          VStack(alignment: .leading, spacing: 8){
             SearchBar()
              .frame(height: 48, alignment: .center)
              .padding(.all, 16)
              
            
            Text("Categories")
              .multilineTextAlignment(.leading)
              .font(.system(size: 21))
              .padding(.all, 16)
              
          }.frame(width: proxy.size.width)
        })
      }
  }
}

struct FindView_Previews: PreviewProvider {
  static var previews: some View {
    ZStack(alignment: .center, content: {
      Rectangle().foregroundColor(.red)
      FindView(viewModel: FindViewModel())
    }).edgesIgnoringSafeArea(.all)
  }
}

Answer 1

简单的方法；

     struct test: View {
          var body: some View {
              VStack{
                Text("Your view comes here")
                Spacer()
              }
               .frame(minWidth:0, maxWidth: .infinity, minHeight: 0,maxHeight: .infinity, alignment: .center)
               .padding(.top,UIApplication.shared.windows.first?.safeAreaInsets.top ?? 40)
               .background(Color.red)
               .edgesIgnoringSafeArea(.all)
          }
      }

Answer 2

您应该将.edgesIgnoringSafeArea(.all)only 应用于矩形，而不是 ZStack。这样，只有它应该填满屏幕，而其他一切都保持原位。

然后，要使其FindView填充屏幕（尊重安全区域），您需要使其框架扩展为.frame(maxWidth: .infinity, maxHeight: .infinity)

---

代码示例：

struct ContentView: View {
    var body: some View {
        ZStack {
            Rectangle()
                .fill(Color.red)
                .edgesIgnoringSafeArea(.all)
            Text("This should respect the safe area")
                .frame(maxWidth: .infinity, maxHeight: .infinity, alignment: .top)
        }
    }
}