Ios 如何更改 SwiftUI 弹出视图的大小

发布于04月23日

我有一个SwiftUI应用程序，它有一个按钮，可以使用.Sheet()修饰符触发弹出视图.然而，弹出式视图看起来太大了，我想把它变小.

我try 将弹出视图包装在VStack中，并使用.Frame()修饰符设置特定的帧大小，但这并没有改变视图的大小.

以下是我的代码示例:

struct ContentView: View {
    @State private var showingSmallView = false
    var body: some View {
        NavigationView {
            VStack {
                List {
                    Text("hi")
                    Text("hi")
                    Text("hi")
                }
                Button(action: { showingSmallView = true }){
                    Rectangle()
                        .frame(width: 50, height: 50)
                }
            }
        }
        .sheet(isPresented: $showingSmallView){
            VStack {
                smallView()
            }
            .frame(width: 200, height: 200)
        }
    }
}

struct smallView: View {
    var body: some View{
        Text("hda")
    }
}

我将感谢任何关于如何使弹出式视图更小的帮助或建议.

推荐答案

可以使用.presentationDetents修改器.您可以将该值更改为您需要的任何大小.您也可以使用非自定义值(即.medium和.large).请参见下面的内容:

    struct ContentView: View {
    @State private var showingSmallView = false
    var body: some View {
        NavigationView {
            VStack {
                List {
                    Text("hi")
                    Text("hi")
                    Text("hi")
                }
                Button(action: { showingSmallView = true }){
                    Rectangle()
                        .frame(width: 50, height: 50)
                }
            }
        }
        .sheet(isPresented: $showingSmallView){
            VStack {
                smallView()
                    .presentationDetents([.height(100)]) // here! 
            }
            .frame(width: 200, height: 200)
        }
    }
}

struct smallView: View {
    var body: some View{
        Text("hda")
    }
}