SwiftUI TabView + NavigationView 导航栏不显示

Question

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

好吧，所以我正在尝试构建一个具有包含 2 个元素的选项卡栏的应用程序。每个选项卡都包含一个 ViewController(现在为 View)，它们将嵌入到一个 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 !!
        }
    }
}