ios - 出现 View 时工具栏跳到位

Question

我在底部有一个带有工具栏的 View ，我正在使用 NavigationLink 导航到该 View 。但是当 View 出现时，工具栏显示得有点太低了。大约半秒钟后，它突然跳到位。它只会在应用程序启动后第一次发生。如果我返回第一个 View 并再次开始导航，它会立即显示在正确的位置。

这里是重现它的文件:

内容 View :

struct ContentView: View {
    var body: some View {
        NavigationView {
            NavigationLink {
                ToolbarView()
            } label: {
                Text("Hello, world!")
            }
        }
    }
} 

工具栏 View :

struct ToolbarView: View {
    var body: some View {
        ScrollView {
            VStack {
                Text("Text1")
                Text("Text2")
            }
        }
        .toolbar {
            ToolbarItemGroup(placement: .bottomBar) {
                
                Spacer()
                
                Button {
                } label: {
                    Image(systemName: "trash")                        
                }
            }
        }
    }
}

这是 SwiftUI 的错误吗？

这是跳跃前后的照片。检查底部的垃圾。如果工具栏有颜色，那当然会更明显。

Answer 1

1. 你的代码将在 iOS 16 上产生最糟糕的效果，它根本不显示工具栏!因此，首先，在 上使用以下修饰符添加指定导航样式导航 View :

.navigationViewStyle(.stack)

1. 如果第一个和第二个 View 都没有相同的容器，您会看到意想不到的移动，因此您可以添加一个空的工具栏来放置到 navigationLink 的位置:

ToolbarItemGroup(placement: .bottomBar) { Spacer() }

---

完整的代码是:

struct ContentView: View {
    var body: some View {
        NavigationView {
            NavigationLink {
                ToolbarView()
            } label: {
                Text("Hello, world!")
            }
            .toolbar {
                ToolbarItemGroup(placement: .bottomBar) { Spacer() }  // <- prevents main page jumpings
            }
        }
        .navigationViewStyle(.stack) // <- prevents detail page jumping
    }
}

演示

_{不用担心 RTL 布局}