ios - SwiftUI 如何在 NavigationView 中强制导航栏分隔线

Question

我的应用程序具有使用导航 View 的简单导航逻辑。我使用 inline 样式导航栏:

mainView
  .navigationBarTitleDisplayMode(.inline)

我注意到 Root View 缺少导航栏的分隔线。当我向上滚动内容时，它就会出现。

第一个屏幕截图显示了初始状态(没有导航栏分隔线):

第二个屏幕截图显示了我稍微向上滚动内容时的状态，并且显示了导航栏分隔线:

是否可以在不滚动的情况下始终显示分隔线？

Answer 1

我认为你可以通过在VStack下添加手动Divider和ScrollView来解决这个问题，这样divider就会出现在导航栏下方

//
//  testUI.swift
//  DDStore (iOS)
//
//  Created by belal medhat on 19/02/2022.
//

import SwiftUI

struct navTitleBar: View {
    var body: some View {
        NavigationView {
            // main navigationView
            VStack() {
                // vstack to add the divider and under it the scrollview
                Divider()
                ScrollView() {
                    Text("Hello, World!")
                }.navigationBarTitleDisplayMode(.inline).navigationTitle("Title")
            }
        }
    }
}

struct testUI_Previews: PreviewProvider {
    static var previews: some View {
        navTitleBar()
    }
}