ios - SwiftUIのリストタイトルと重なるnavigationBarTitle

Question

私はSwiftUIの使用を開始し、水平リストと垂直リストの両方でビューを実装しようとしています。デザインは問題ないように見えますが、リスト タイトルの上部の項目とナビゲーション バーのタイトルが重なっています。画像を確認してください:

リストには 2 つの水平方向の Scrollvie があります。また、2 番目の scrollView のタイトルも表示されません。以下は私のナビゲーションビューコードです:

struct HomeView: View {
    var categories: [String: [Drink]] {
        .init(
            grouping: drinkData, by: {$0.category.rawValue})
    }
    var body: some View {
        NavigationView {
            List {
                ForEach(categories.keys.sorted(), id: \String.self) { key in
                    DrinkRow(categoryName: "\(key) Drinks", drinks: self.categories[key]!)
                        .frame(height: 320)
                        .padding(.top)
                        .padding(.bottom)
                }
            }
        .navigationBarTitle(Text("COFFEE DB"))
        }
    }
}

リストの項目は、水平スクロールビューとして次のファイルにあります。

struct DrinkRow: View {
    var categoryName: String
    var drinks: [Drink]
    var body: some View {
        VStack(alignment: .leading) {
            Text(self.categoryName)
                .font(.title)
            ScrollView(.horizontal, showsIndicators: false) {
                 HStack {
                     ForEach(self.drinks, id: \.name) { drink in
                        NavigationLink(destination: DrinkDetail(drink: drink)) {
                            DrinkItem(drink: drink).frame(width: 300).padding(.trailing, 30)
                        }
                     }
                 }
            }
        }.padding(.top)
    }
}