AEPStack

The AEPStack class is a fundamental layout container used to arrange multiple UI elements horizontally or vertically.

AEPStack conforms to ObservableObject, allowing it to be used reactively in SwiftUI views.

Public Properties

Property	Type	Description	Default Value
spacing	CGFloat	The spacing between child views in the stack.	8
modifier	AEPViewModifier	A custom view modifier for additional styling.	N/A

All properties are marked with @Published. Any changes will trigger updates to your UI.

AEPHStack

The AEPHStack class extends AEPStack and arranges its child views horizontally. It provides additional customization for aligning child views vertically.

Public Properties

Property	Type	Description	Default Value
alignment	VerticalAlignment	The vertical alignment of child views in the stack.	center

AEPVStack

The AEPVStack class extends AEPStack and arranges its child views vertically. It provides additional customization for aligning child views horizontally.

Public Properties

Property	Type	Description	Default Value
alignment	HorizontalAlignment	The horizontal alignment of child views in the stack.	center

Customization

Below is an example of how to customize the AEPHStack and AEPVStack properties when working with a SmallImageTemplate:

Swift

class MyCustomizer : ContentCardCustomizing {
    
    func customize(template: SmallImageTemplate) {        
        // customize stack properties
        template.rootHStack.spacing = 10
        template.textVStack.alignment = .leading
        template.textVStack.spacing = 20
        
        // Customize the button stack 
        template.buttonHStack.modifier = AEPViewModifier(ButtonHStackModifier())        
    }
    
    struct ButtonStackModifier: ViewModifier {
        func body(content: Content) -> some View {
            content
                .frame(maxWidth: .infinity, alignment: .trailing)
        }
    }
}
Copied to your clipboard
class MyCustomizer : ContentCardCustomizing {
    
    func customize(template: SmallImageTemplate) {        
        // customize stack properties
        template.rootHStack.spacing = 10
        template.textVStack.alignment = .leading
        template.textVStack.spacing = 20
        
        // Customize the button stack 
        template.buttonHStack.modifier = AEPViewModifier(ButtonHStackModifier())        
    }
    
    struct ButtonStackModifier: ViewModifier {
        func body(content: Content) -> some View {
            content
                .frame(maxWidth: .infinity, alignment: .trailing)
        }
    }
}