Improve SamplesSwiftUI

Author: scenee

Examples/SamplesSwiftUI/SamplesSwiftUI/UseCases/MainView.swift

@@ -58,11 +58,19 @@ struct MainView: View {
             case .list:
                 ContentView(proxy: proxy)
             case .detail:
-                VStack {
-                    Text("off")
-                        .padding(.top, 32)
+                HStack {
+                    Spacer()
+                    VStack {
+                        Text("Detail content")
+                            .padding(.top, 32)
+                        Spacer()
+                    }
                     Spacer()
                 }
+                .padding()
+                .background {
+                    BackgroundView()
+                }
             }
         }
         .floatingPanelSurfaceAppearance(.transparent())
@@ -127,4 +135,3 @@ class MyFloatingPanelLayout: FloatingPanelLayout {
 #Preview("MainView") {
     MainView()
 }
-

Examples/SamplesSwiftUI/SamplesSwiftUI/Views/BackgroundView.swift

@@ -0,0 +1,23 @@
+import SwiftUI
+
+struct BackgroundView: View {
+    var body: some View {
+        GeometryReader { geometry in
+            Rectangle()
+                .fill(.clear)
+                .frame(height: geometry.size.height * 2)
+                .backgroundEffect()
+        }
+    }
+}
+
+extension View {
+    @ViewBuilder
+    fileprivate func backgroundEffect() -> some View {
+        if #available(iOS 26, *) {
+            self.glassEffect(.regular, in: .rect)
+        } else {
+            self.background(.regularMaterial)
+        }
+    }
+}

Examples/SamplesSwiftUI/SamplesSwiftUI/Views/ContentView.swift

@@ -15,6 +15,7 @@ struct ContentView: View {
                                 .frame(maxWidth: .infinity, alignment: .leading)
                                 .frame(height: 60)
                                 .background(.clear)
+                                .padding(.horizontal)
                         }
                     }
                 }
@@ -28,6 +29,7 @@ struct ContentView: View {
                                 .frame(maxWidth: .infinity, alignment: .leading)
                                 .frame(height: 60)
                                 .background(.clear)
+                                .padding(.horizontal)
                         }
                     }
                 }
@@ -38,12 +40,7 @@ struct ContentView: View {
         }
         // Prevent revealing underlying content at the bottom of the panel when the panel is moving beyond its fully‑expanded position.
         .background {
-            GeometryReader { geometry in
-                Rectangle()
-                    .fill(.clear)
-                    .frame(height: geometry.size.height * 2)
-                    .background(.regularMaterial)
-            }
+            BackgroundView()
         }
     }
 }