损坏的导航视图

Question

我很确定这是 SwiftUI 中的一个错误，但我想知道是否有人遇到过它并想出了一个解决方法。我的正常用例是出现一个搜索字段，但我已将其简化到一个简单的文本字符串显示错误的地步。

创建一个单视图应用程序，将其复制到 ContentView 中，然后运行它。点击搜索图标两次，然后滚动视图；您会看到标题下方的文本滚动。

import SwiftUI

struct ContentView: View {
  private var items = (0 ... 50).map {String($0)}
  @State private var condition = false

  var searchButton: some View {
    Button(action: {self.condition.toggle()}) {
      Image(systemName: "magnifyingglass").imageScale(.large)
    }
  }

  var body: some View {
    NavigationView {
      VStack {
        if condition {
          Text("Peekaboo")
        }

        List {
          ForEach(items, id: \.self) {item in
            HStack {
              Text(item)
            }
          }
        }
      }
      .navigationBarTitle("List of Items")
      .navigationBarItems(leading: searchButton)
    }
  }
}

Answer 1

也许这是一个错误，向 Apple 提交反馈，但目前NavigationView 的行为是这样的 - 它只有 顶部内容是 List/ScrollView/Form 时才会折叠导航栏。因此，要解决此问题，请将您的 VStack 移至 List 或移出 NavigationView

1)

  var body: some View {
    NavigationView {
        List {
          if condition {
             Text("Peekaboo")
          }
          ForEach(items, id: \.self) {item in

2)

    var body: some View {
        VStack {
         if condition {
            Text("Peekaboo")
         }
         NavigationView {
           List {

Answer 2

似乎视图无法处理可变数量的视图。 这种奇怪行为的解决方法是：

import SwiftUI

struct ContentView: View {
private var items = (0 ... 50).map {String($0)}
@State private var condition = false

var searchButton: some View {
Button(action: {self.condition.toggle()}) {
  Image(systemName: "magnifyingglass").imageScale(.large)
}
}

var body: some View {
    NavigationView {
        VStack {
            if condition {
                Text("Peekaboo")
            } else {
                Text("")
            }
           // or use this  Text(condition ? "Peekaboo" : "")
            List {
                ForEach(items, id: \.self) {item in
                    HStack {
                        Text(item)
                    }
                }
            }
        }
        .navigationBarTitle("List of Items")
        .navigationBarItems(leading: searchButton)
    }
}
}

如果它有效，请告诉我，如果无效，请告诉我们您使用的是什么设备/系统。使用 Xcode 11.6 beta、Mac 10.15.5、target ios 13.5 和 mac 催化剂进行测试。