ViewThatFits sample

SwiftUIPlayground/Samples.swift

@@ -138,4 +138,12 @@ public let samples: [String: AnyView] = [
             "ProgressView": AnyView(ProgressViewSample()),
         ]
     )),
+    "Layout Fundamentals": AnyView(SamplesList(
+        title: "Layout Fundamentals", samples:
+        [
+            // https://developer.apple.com/documentation/swiftui/viewthatfits
+            "ViewThatFits": AnyView(ViewThatFitsSample()),
+        ]
+    )),
+
 ]

SwiftUIPlayground/Samples/LayoutFundamentals/ViewThatFitsSample.swift

@@ -0,0 +1,43 @@
+//
+//  ViewThatFitsSample.swift
+//  SwiftUIPlayground
+//
+//  Created by Taha Tesser on 10/6/24.
+//
+
+import SwiftUI
+
+struct ViewThatFitsSample: View {
+    var body: some View {
+        VStack {
+            UploadProgressView(uploadProgress: 0.75)
+                .frame(maxWidth: 200)
+            UploadProgressView(uploadProgress: 0.75)
+                .frame(maxWidth: 100)
+            UploadProgressView(uploadProgress: 0.75)
+                .frame(maxWidth: 50)
+        }
+    }
+}
+
+#Preview {
+    ViewThatFitsSample()
+}
+
+struct UploadProgressView: View {
+    var uploadProgress: Double
+
+    var body: some View {
+        ViewThatFits(in: .horizontal) {
+            HStack {
+                Text("\(uploadProgress.formatted(.percent))")
+                ProgressView(value: uploadProgress)
+                    .frame(width: 100)
+            }
+            ProgressView(value: uploadProgress)
+                .frame(width: 100)
+            Text("\(uploadProgress.formatted(.percent))")
+        }
+
+    }
+}