如何删除导航栏和视图之间的空间？

Question

我在导航栏和 FormContent 视图的开头之间出现了很多不必要的空间。我尝试将 FormContent 的顶部填充设置为 0，但它不起作用。如何删除这个空格？

NavigationStack {
        ZStack {
            ScrollView {
                FormContent(formData: $formData, loadingState: $loadingState, focusedField: _focusedField, buttonAction: saveForm)
            }
            .scrollBounceBehavior(.basedOnSize)
            .scrollIndicators(.hidden)
            .scrollContentBackground(.hidden)
            
            if loadingState == .loading {
                LoadingView(text: "Saving...", fullScreen: false)
            }
        }
        .onTapGesture {
            focusedField = false
        }
        .overlay {
            if formData.showDatePicker {
                DatePickerSection(birthday: $formData.birthday, birthdayString: $formData.birthdayString, showDatePicker: $formData.showDatePicker, dateFormatter: vm.dateFormatter)
            }
        }
        .toolbar {
            ToolbarItem(placement: .topBarLeading) {
                Button {
                    focusedField = false
                    dismiss()
                } label: {
                    Image(systemName: "xmark")
                        .font(.title2)
                        .bold()
                }
                .buttonStyle(.plain)
            }
            
            ToolbarItem(placement: .principal) {
                Text("Add New Pet")
                    .poppinsBold(size: 16)
            }
        }
    }

Answer 1

此空间是为导航标题保留的，但您没有显示。所以尝试将

.navigationBarTitleDisplayMode(.inline)

应用于顶级

ZStack

:

ZStack {
    // ...
}
.navigationBarTitleDisplayMode(.inline) // 👈 HERE