Question

能否让浏览器推动浏览器, 从导航系统中弹出, 而没有他们的背景图像也滑进/退出?

我试图实现的影响是整个堆栈后面的固定背景图像,而只有视图内容会滑进和滑出,而背景仍然可以保持和看得见。

This is the effect I d like to achieve, without dipping into UIKit if possible: https://web.archive.org/web/20191002173758/http://fabian-thies.tk/demo.gif (Gif taken from this SO question Push ViewController with transparent background)

Answer 1

You could try this approach using background(..) and .scrollContentBackground(.hidden) in the parent view and ZStack in the child view, as shown in the example code:

struct ContentView: View {
    var body: some View {
        NavigationStack {
            List(["Apples", "Oranges", "Bananas"], id: .self) { item in
                NavigationLink(item, destination: NextView(fruit: item))
                    .listRowBackground(Color.clear)
            }
            .background(Color.green)
        }
        .scrollContentBackground(.hidden)
    }
}

struct NextView: View {
    let fruit: String
    
    var body: some View {
        ZStack {
            Color.green.ignoresSafeArea()
            Text(fruit)
        }
    }
}

友情链接