如何在SwiftUI中使弹出窗口的大小与其内容相适应

在SwiftUI中，可以使用.alert修饰符来创建弹出窗口，并通过设置.alert的content参数来定义窗口的内容。要使弹出窗口的大小与其内容相适应，可以使用自定义视图来实现。

首先，创建一个自定义视图，该视图将包含弹出窗口的内容。在自定义视图中，可以使用GeometryReader来获取弹出窗口的大小，并根据需要调整内容的布局。

以下是一个示例代码：

struct CustomAlertView: View {
    @Binding var isPresented: Bool
    
    var body: some View {
        GeometryReader { geometry in
            VStack {
                Text("弹出窗口的内容")
                    .font(.title)
                    .padding()
                
                Button("关闭") {
                    isPresented = false
                }
                .padding()
            }
            .frame(width: geometry.size.width * 0.8, height: geometry.size.height * 0.5)
            .background(Color.white)
            .cornerRadius(10)
        }
    }
}

在上面的代码中，CustomAlertView是一个自定义视图，它接受一个isPresented的绑定参数，用于控制弹出窗口的显示和隐藏。在视图的body中，使用GeometryReader获取弹出窗口的大小，并根据需要调整内容的布局。在这个示例中，内容是一个包含标题和关闭按钮的垂直堆栈。通过设置.frame来限制弹出窗口的大小，并使用.background和.cornerRadius添加样式。

接下来，在主视图中使用.alert修饰符来创建弹出窗口，并将自定义视图作为内容传递给它。示例代码如下：

struct ContentView: View {
    @State private var showAlert = false
    
    var body: some View {
        Button("显示弹出窗口") {
            showAlert = true
        }
        .alert(isPresented: $showAlert) {
            Alert(title: Text("弹出窗口"), content: {
                CustomAlertView(isPresented: $showAlert)
            })
        }
    }
}

在上面的代码中，ContentView是主视图，它包含一个按钮。当按钮被点击时，showAlert的状态将被设置为true，从而触发弹出窗口的显示。通过.alert修饰符，将Alert作为弹出窗口，并将自定义视图CustomAlertView作为内容传递给它。

这样，当弹出窗口显示时，它的大小将根据自定义视图的布局自动调整。

请注意，上述代码中的示例自定义视图和主视图仅用于演示目的，您可以根据实际需求进行修改和扩展。

腾讯云相关产品和产品介绍链接地址：