SwiftUI Spacing Demo

SpacingDemo_Previews.swift

@available(iOS 16.0, *)
struct SpacingDemo_Previews: PreviewProvider {
    static var previews: some View {
        NavigationStack {
            Form {
                Group {
                    Section {
                        HStack {
                            Spacer()
                            Rectangle().fill(.blue)
                            Spacer()
                        }
                        .background(.red)
                    } header: {
                        Text("MinLength Default, Stack Spacing Default")
                    }

                    Section {
                        HStack {
                            Spacer(minLength: 0)
                            Rectangle().fill(.blue)
                            Spacer(minLength: 0)
                        }
                        .background(.red)
                    } header: {
                        Text("MinLength Zero, Stack Spacing Default")
                    }

                    Section {
                        HStack(spacing: 8) {
                            Spacer(minLength: 0)
                            Rectangle().fill(.blue)
                            Spacer(minLength: 0)
                        }
                        .background(.red)
                    } header: {
                        Text("MinLength Zero, Stack Spacing 8")
                    }

                    Section {
                        HStack(spacing: 0) {
                            Spacer(minLength: 0)
                            Rectangle().fill(.blue)
                            Spacer(minLength: 0)
                        }
                        .background(.red)
                    } header: {
                        Text("MinLength Zero, Stack Spacing Zero")
                    }

                    Section {
                        HStack {
                            Text("Hi").background(.green)
                            Rectangle().fill(.blue)
                            Text("Hi").background(.green)
                        }
                        .background(.red)
                    } header: {
                        Text("Text, with Stack Spacing Default")
                    }
                }
                .listRowBackground(Color.clear)
                .listRowSpacing(.zero)
            }
            .navigationTitle("Spacing Demo")
        }
    }
}