<!--
{
  "availability" : [
    "iOS: 16.0.0 -",
    "iPadOS: 16.0.0 -",
    "macCatalyst: 16.0.0 -",
    "macOS: 13.0.0 -",
    "tvOS: 16.0.0 -",
    "visionOS: 1.0.0 -",
    "watchOS: 9.0.0 -"
  ],
  "documentType" : "symbol",
  "framework" : "SwiftUI",
  "identifier" : "/documentation/SwiftUI/HStackLayout",
  "metadataVersion" : "0.1.0",
  "role" : "Structure",
  "symbol" : {
    "kind" : "Structure",
    "modules" : [
      "SwiftUI"
    ],
    "preciseIdentifier" : "s:7SwiftUI12HStackLayoutV"
  },
  "title" : "HStackLayout"
}
-->

# HStackLayout

A horizontal container that you can use in conditional layouts.

```
@frozen struct HStackLayout
```

## Overview

This layout container behaves like an [`HStack`](/documentation/SwiftUI/HStack), but conforms to the
[`Layout`](/documentation/SwiftUI/Layout) protocol so you can use it in the conditional layouts that you
construct with [`AnyLayout`](/documentation/SwiftUI/AnyLayout). If you don’t need a conditional layout, use
[`HStack`](/documentation/SwiftUI/HStack) instead.

## Topics

### Creating a horizontal stack

[`init(alignment:spacing:)`](/documentation/SwiftUI/HStackLayout/init(alignment:spacing:))

Creates a horizontal stack with the specified spacing and vertical
alignment.

### Getting the stack’s properties

[`alignment`](/documentation/SwiftUI/HStackLayout/alignment)

The vertical alignment of subviews.

[`spacing`](/documentation/SwiftUI/HStackLayout/spacing)

The distance between adjacent subviews.

## Relationships

### Conforms To

[`Layout`](/documentation/SwiftUI/Layout)

[`Copyable`](/documentation/Swift/Copyable)

[`Sendable`](/documentation/Swift/Sendable)

[`Animatable`](/documentation/SwiftUI/Animatable)

[`SendableMetatype`](/documentation/Swift/SendableMetatype)

[`BitwiseCopyable`](/documentation/Swift/BitwiseCopyable)

---

Copyright &copy; 2026 Apple Inc. All rights reserved. | [Terms of Use](https://www.apple.com/legal/internet-services/terms/site.html) | [Privacy Policy](https://www.apple.com/privacy/privacy-policy)