SwiftUI

Question

我有一个 SwiftUI 视图，其顶部如下所示：

其中“为您的项目命名”是一个 TextField，顶部的按钮是 NavigationView 工具栏的一部分。我已将此视图定义如下：

NavigationView {
  ZStack {
    Color("backgroundPrimary")
    .ignoresSafeArea()
        
     VStack(alignment: .center) {
       ZStack {
         ScrollView(showsIndicators: false) {
           TextField("Name your workout...", text: $mainTitle)
           .padding(.horizontal)
           .font(.custom("Helvetica Bold", size: 30))
    
            ...
        }
      }
    }

我希望将 TextField 定位在更靠近顶部的位置，就像 NavigationTitle 的位置一样，但是有一个我不知道其来源的间隙。 None 个堆栈具有任何垂直填充。我已尝试将 .padding(.top, -30) 添加到 TextField，但这会弄乱您可以在 TextField 上点击以调出键盘的区域。

注意：工具栏在蓝线处结束，然后是空隙，然后是TextField。

有谁知道如何将此 TextField 进一步定位到顶部？

Answer 1

还是NavigationBar标题的节省空间。添加

    .navigationBarTitleDisplayMode(.inline)

您的看法。

SwiftUI - 为什么导航栏和我编写的第一个组件之间有 space？

SwiftUI - Why is there space between the navbar and the first component I've written?

textfield

navigationview