为什么在 SwiftUI 的 navigationTitle 中使用表情符号时，NavigationView 会内联显示？

Question

我是 SwiftUI 的新手，我遇到了一种让我发疯的奇怪行为。我以下面的代码为例：

import SwiftUI

struct ContentView: View {
    var body: some View {
        NavigationView {
            ScrollView {
                NavigationLink(
                    destination: NonEmojiView(),
                    label: { Text("NON-emoji view.") }
                )
                Spacer()
                NavigationLink(
                    destination: EmojiView(),
                    label: { Text("Emoji view.") }
                )
            }
            .navigationTitle("I love emojis")
        }
    }
}

struct ContentView_Previews: PreviewProvider {
    static var previews: some View {
        ContentView()
    }
}


struct EmojiView: View {
    var body: some View {
        Text("Testing emojis in navigation titles.")
        .navigationTitle("♥️")
    }
}

struct NonEmojiView: View {
    var body: some View {
        Text("Testing emojis in navigation titles.")
        .navigationTitle("Boring title")
    }
}

当我运行这个应用程序（iOS 14，XCode 12.2）并点击表情符号视图（第二个导航链接），然后导航栏中的“image1) 而不是预期的 (image 2)。任何线索为什么？我做错什么了吗？这是一个 SwiftUI 错误吗？唯一的区别是标题中的表情符号。

编辑：正如 Luffy 所指出的，如果 ContentView 中的 navigationTitle 也包含表情符号，则效果很好。可能和标题的高度有关？这是一个 SwiftUI 错误。

谢谢！！

Answer 1

如果您在 ContentView 的 navBarTitle 中添加表情符号，它将起作用。如果你删除它，那么它不会。我认为这是一个 SwiftUI 错误。

import SwiftUI

struct ContentView: View {
    var body: some View {
        NavigationView {
            ScrollView {
                NavigationLink(
                    destination: NonEmojiView(),
                    label: { Text("NON-emoji view.") }
                )
                Spacer()
                NavigationLink(
                    destination: EmojiView(),
                    label: { Text("Emoji view.") }
                )
            }
            .navigationBarTitle(Text("I ❤️ emojis"), displayMode: .large) // <~ HERE
        }
    }
}

struct EmojiView: View {
    let emoji = Image(systemName: "heart.fill")
    var body: some View {
        Text("Testing emojis in navigation titles.")
            .navigationBarTitle(Text("❤️"), displayMode: .large)
    }
}

struct NonEmojiView: View {
    var body: some View {
        Text("Testing emojis in navigation titles.")
            .navigationBarTitle(Text("Boring title"), displayMode: .large)
    }
}