即使在SwiftUI中打開側邊欄，如何使視圖全幀？-有解無憂

目標

與應用程式地圖一樣，當側邊欄打開時，視圖似乎是全幀大小。視圖位于側邊欄下方。

即使在 SwiftUI 中打開側邊欄，如何使視圖全幀？

我試過的

為了最大化視圖的大小，我將大小設定為無窮大并添加了視圖修改器，.ignoresSafeArea()但它仍然不像地圖那樣全幀

當我打開側邊欄時，您會看到視圖框架將被調整

即使在 SwiftUI 中打開側邊欄，如何使視圖全幀？

var body: some View {
    NavigationView {
        List(0 ..< 5) { item in
            NavigationLink("Test") {
                VStack {
                    Text("Test")
                }
                .navigationTitle("Test")
                .frame(maxWidth: .infinity, maxHeight: .infinity)
                .ignoresSafeArea()
            }
        }
        ScrollView {
            Text("Hello, world!")
                .padding()
        }
    }
    .frame(minWidth: 400, minHeight: 400)
    .toolbar {
        ToolbarItem(placement: .navigation) {
            Button(action: toggleSidebar, label: {
                Image(systemName: "sidebar.leading")
            })
        }
    }
}

uj5u.com熱心網友回復：

只需在右側使用透明內容并在下方放置地圖NavigationView。

這是方法的演示。使用 Xcode 13 / macOS 12 測驗

即使在 SwiftUI 中打開側邊欄，如何使視圖全幀？

var body: some View {
    ZStack {
        MapView()                // << content here !!
        NavigationView {
            List(0 ..< 5) { item in
                NavigationLink("Test") {
                    VStack {
                        Text("Test")
                    }
                    .navigationTitle("Test")
                    .frame(maxWidth: .infinity, maxHeight: .infinity)
                    .ignoresSafeArea()
                }
            }
            Color.clear         // << transparent right !!
        }
        .frame(minWidth: 400, minHeight: 400)
        .toolbar {
            ToolbarItem(placement: .navigation) {
                Button(action: toggleSidebar, label: {
                    Image(systemName: "sidebar.leading")
                })
            }
        }
    }
}

轉載請註明出處，本文鏈接：https://www.uj5u.com/net/405180.html

標籤：

上一篇：在MacM1上安裝Angular

下一篇：gitpush掛起（永遠）并且git-remote-https使用99.5%CPU