【Swift】ハーフモーダルの表示中に背景をスクロール可能にする

import SwiftUI

struct ContentView: View {
    @State private var showingSheet = false
    
    var body: some View {
        ScrollView{
            Text("メインビュー")
                .font(.largeTitle)
                .padding()
            
            Button("シートを表示") {
                showingSheet = true
            }
            .font(.title2)
            .padding()
            .background(Color.blue)
            .foregroundColor(.white)
            .cornerRadius(10)
            
            ForEach(1...20, id: \.self) { index in
                Text("\(index)番目の要素")
                    .padding()
            }
        }
        .sheet(isPresented: $showingSheet) {
            SheetView()
                .presentationDetents([.medium, .large]) // ハーフモーダルを表示
                .presentationBackgroundInteraction(.enabled) // 背景のスクロールを有効化 
        }
    }
}

#Preview {
    ContentView()
}

struct SheetView: View {
    @Environment(\.dismiss) private var dismiss
    
    var body: some View {
        VStack {
            Text("シートビュー")
                .font(.largeTitle)
                .padding()
            
            Button("閉じる") {
                dismiss()
            }
            .font(.title2)
            .padding()
            .background(Color.red)
            .foregroundColor(.white)
            .cornerRadius(10)
        }
    }
}