iOS15导航标题在某些设备SwiftUI中未正确显示答案

【问题标题】：iOS15 Navigation title Not Showing Properly in Some Devices SwiftUIiOS15导航标题在某些设备SwiftUI中未正确显示
【发布时间】：2021-11-12 16:26:36
【问题描述】：

我试图弄清楚为什么导航标题不适用于某些设备，但我无法弄清楚这个问题。谁能帮我找出这个问题，为什么导航标题只显示前3个字母并且显示后？

我已附上截图，请检查。

iPhone 11 设备

iPhone 11 模拟器

代码：-

var body: some View {
    ZStack {
        Color.init(ColorConstantsName.MainThemeBgColour)
            .ignoresSafeArea()
        GeometryReader { geo in
            ScrollView(.vertical) {
                Text("Testing")
            }
        }
    }
    .navigationBarBackButtonHidden(true)
    .navigationTitle(CommonAllString.BlankStr)
    .navigationViewStyle(.stack)
    .navigationBarTitleDisplayMode(.inline)
    .navigationBarItems(leading:AnyView(leadingButton),trailing:AnyView(self.trailingButton))
    .foregroundColor(Color.white)
}

var trailingButton: some View {
    HStack {
        Image(systemName: ImageConstantsNameForChatScreen.PersonImg)
            .padding(.trailing)
        Image(ImageConstantsName.DTRShareIconImg)
            .resizable().frame(width: 20, height: 20)
    }
}

【问题讨论】：

欢迎来到 Stack Overflow！请使用tour 并查看：How do I ask a good question? 和How to create a Minimal, Reproducible Example。
无法重现您所拥有的，但 navigationBarItems 和 navigationBarTitleDisplayMode 已被弃用，您应该在 iOS 14 和 15 中更改为 .toolbar，您可能会得到更好的结果。

标签： swiftui navigation ios15

【解决方案1】：

以下代码工作：-

struct PSScreen: View {

var body: some View {
    ZStack {
        Color.init("Colour")
            .ignoresSafeArea()
        VStack{
            Text("PSScreen")
        }
    }
    .navigationBarBackButtonHidden(true)
    .navigationBarTitle("", displayMode: .inline)
    .navigationViewStyle(.stack)
    .navigationBarTitleDisplayMode(.inline)
    .toolbar {
        ToolbarItem(placement: .navigationBarLeading) {
            leadingButton.frame(width: 50, alignment: .leading)
        }
        
        ToolbarItem(placement: .navigationBarTrailing) {
            trailingButton
        }
    }.foregroundColor(Color.white)
}

var leadingButton: some View {
    HStack{
        Text("Profile")
    }
}

var trailingButton: some View {
    HStack {
        Image(systemName: "Person")
            .padding(.trailing)
        Image("Share")
            .resizable().frame(width: 20, height: 20)
       }
    }
}

【讨论】：