SwiftUI TabView + NavigationView 导航栏不显示

Question

在使用 UIKit 几年后，我开始使用 SwiftUI。这可不是小菜一碟，哈哈。

好的，所以我正在尝试构建一个具有包含 2 个元素的标签栏的应用程序。每个 Tab 都包含一个 ViewController（现在查看），它们将嵌入到 NavigationController（现在是 NavigationView）中

实际结果是这样的

我希望有一个标题设置为主页的导航栏。

你能解释一下我在这里做错了什么吗？我遵循了文档和一些教程，我似乎没有做不同的事情。

import SwiftUI

struct TabBarView: View {
    var body: some View {
        TabView() {
            RedView()
                .tabItem({
                    Image(systemName: "house.fill")
                    Text("Home")
                })
                .tag(0)
            BlueView()
                .tabItem({
                    Image(systemName: "dollarsign.square.fill")
                    Text("Trade")
                })
                .tag(1)
        }
    }
}

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


struct RedView: View {
    var body: some View {
        NavigationView {
            List {
                Text("test")
            }
        }
        .navigationBarTitle("Home")
    }
}
struct BlueView: View {
    var body: some View {
        NavigationView {
            List {
                Text("test2")
            }
        }
        .navigationBarTitle("Trade")
    }
}

这是包含当前所有内容的文件。提前感谢您的任何未来帮助！

Answer 1

.navigationBarTitle 应该在内部 NavigationView

struct RedView: View {
    var body: some View {
        NavigationView {
            List {
                Text("test")
            }
            .navigationBarTitle("Home")     // << here !!
        }
    }
}