SwiftUI Edges 在模拟器上没有被忽略

Question

我是 SwiftUI 实习生。在下面的这个特定视图中，存在如图中所示的问题。虽然 .ignoreSafeArea(.bottom) 或 .edgesIgnoreSafeArea(.bottom) 在预览时有效。它在模拟器上不起作用。我想知道这是一个错误还是我遗漏了什么。感谢您的帮助！

Issue screen shot

更新解决方案

问题是由根视图逻辑引起的。当您使用 navigationLink 在根视图上导航另一个屏幕时会导致此问题。我不想使用标准 NavigationLink 进行导航，因为它会冻结动画（Lottie）当您通过 navigationLink 转到某个屏幕并返回时，我正在屏幕上播放。

下面是查看代码。希望不会那么乱。


import SwiftUI

struct ChatView: View {
 // MARK:  properties
 let userName : String
 let userImageUrl : String
 @ObservedObject var viewModel : ChatViewModel = ChatViewModel()
 @ObservedObject var appState : NavigationController = NavigationController.shared


// MARK:  body


 var body: some View {
  ZStack(alignment: .bottom) {
   VStack {
    buildNavigationBar()
    buildMessages()

   } // end of Vstack
   .ignoresSafeArea(edges:.bottom)
   buildInputRow()

  } // end of Zstack
  .ignoresSafeArea(edges:.bottom)

}


 fileprivate func buildInputRow() -> some View {
  return

   HStack(alignment: .center){
    DynamicHorizontalSpacer(size: 30)
    Button {

    } label: {
     Image(systemName: "photo.circle.fill")
      .font(.system(size: 35))
    }
    DynamicHorizontalSpacer(size: 25)
    UnobscuredTextFieldView(textBinding: .constant("Hello"), promptText: "Type!", width: 180, color: .white)
    DynamicHorizontalSpacer(size: 25)
    Button {} label: {
     Image(systemName: "paperplane.fill")
      .font(.system(size: 30))
      .foregroundColor(.accentColor)
    }
    Spacer()
   } // end of HStack
   .frame(width: .infinity, height: 100, alignment: .center)
   .background(Color.gray.opacity(0.4).ignoresSafeArea(edges:.bottom))
 }


 fileprivate func buildMessages() -> some View {
  return ScrollView(showsIndicators: false) {

   ForEach(0...50, id : \.self) { index in
    ChatTileView(index: index)
   }
   .padding(.horizontal,5)

  } // end of scrollview
  .ignoresSafeArea(edges:.bottom)
 }


 fileprivate func buildNavigationBar() -> ChatViewNavigationBar {
  return ChatViewNavigationBar(userImageUrl: self.userImageUrl, userName: self.userName) {
   appState.appState = .Home
  }
 }

}






 fileprivate func buildMessageBox() -> some View {
  return HStack(alignment: .center) {
   Text(
"""
Fake message
"""
   )
    .font(.system(size:11))
    .foregroundColor(.white)
  }
 }
}


fileprivate extension View {
 func messageBoxModifier(index : Int) -> some View {
  self
   .multilineTextAlignment(index.isMultiple(of: 2) ?.trailing : .leading)
   .frame(minHeight: 30)
   .padding(.vertical,7)
   .padding(.horizontal,10)
   .background(index.isMultiple(of: 2) ?  Color.green : Color.mint)
   .cornerRadius(12)
   .shadow(color: .black.opacity(0.3), radius: 5, y: 5)
 }

}

例如使用的一些组件。 DynamicHorizantalSpacer

DynamicHorizontalSpacer && Vertical 它们共享相同的逻辑

struct DynamicVerticalSpacer: View {
 let size : CGFloat?
 var body: some View {
  Spacer()
   .frame(width: 0, height: size ?? 20, alignment: .center)
 }
}

我正在使用的 TextField。

struct UnobscuredTextFieldView: View {
 @Binding var textBinding : String
 let promptText: String
 let width : CGFloat
 let color : Color
    var body: some View {
     TextField(text: $textBinding, prompt: Text(promptText)) {
      Text("Email")
     }
     .textFieldModifier()
     .modifier(RoundedTextFieldModifier(color:color ,width: width))



    }

}

fileprivate extension  TextField {
 func textFieldModifier() -> some View {
  self
   .textCase(.lowercase)
   .textSelection(.disabled)
   .disableAutocorrection(true)
   .textInputAutocapitalization(.never)
   .textContentType(.emailAddress)
 }
}

Answer 1

问题是由根视图逻辑引起的。当您使用 navigationLink 在根视图上导航另一个屏幕时会导致此问题。我不想使用标准 NavigationLink 进行导航，因为当您通过 navigationLink 转到某个屏幕并返回时，它会冻结我在屏幕上播放的动画。

SwiftUI Edges 在模拟器上没有被忽略

SwiftUI Edges not ignored on simulator

ios

xcode

layout

swiftui

safearea