macos - 使用 SwiftUI 在 macOS 中设置 SidebarView 的宽度

Question

我正在使用 NavigationView 在 Mac 应用程序的窗口中显示 SidebarView 和 DetailView:

import SwiftUI

private let fruits = ["🍎 Apple", "🥥 Coconut", "🥭 Mango", "🥝 Kiwi"]

struct SidebarView: View {

    @Binding var selectedFruit: String?

    var body: some View {
        List(fruits, id: \.self, selection: $selectedFruit) { fruit in
            Text("\(fruit)")
        }
        .listStyle(SidebarListStyle())
        .frame(minWidth: 180, idealWidth: 200, maxWidth: 300)
    }
}

struct DetailView: View {

    @Binding var fruit: String?

    var body: some View {
        Text("\(fruit ?? "Default Fruit")")
            .font(.headline)
            .frame(maxWidth: .infinity, maxHeight: .infinity)
    }
}

struct ContentView: View {

    @State private var selectedFruit: String?

    var body: some View {
        NavigationView {
            SidebarView(selectedFruit: $selectedFruit)
            DetailView(fruit: $selectedFruit)
        }
        .frame(width: 500, height: 400)
    }
}


struct ContentView_Previews: PreviewProvider {
    static var previews: some View {
        ContentView()
    }
}

SidebarView 的宽度可以通过在窗口中向左或向右拖动中心分隔线来调整。我想为侧边栏定义 200 的初始宽度以及 180 的最小宽度和 300 的最大宽度。我通过设置确实设置了最大宽度的 List 的框架来尝试这样做，但侧边栏仍然可以完全崩溃。此外，侧边栏的初始宽度似乎由 minWidth 定义。不是 idealWidth .

Answer 1

对于发现这一点并想知道如何在 macOS 中设置侧边栏的 maxWidth 的任何人，您真的不知道。如果你这样做， View 将停止增长，然后被夹在侧边栏的中间，它会继续扩大。
我花了一分钟才弄明白这一点，但您要做的是设置另一个 View (详细 View )的 minWidth。侧边栏会一直增长，直到不能为止。您会注意到，即使 Finder 的侧边栏也会不断增长，直到达到细节的 minWidth，可以这么说。