skills.rest
tuliopc23
tuliopc23COMMUNITY
Explore all skills by this author →
Website𝕏@tuliopinheiro_GitHub

axiom-swiftui-containers-ref

Reference SwiftUI layout containers across iOS versions 13 to 26.

Updated Dec 3, 2025
Search Tags:#layout#reference#ios#containers#swiftui#stacks#grids
One-click install
npx skills add https://github.com/tuliopc23/flying-dutchman-app --skill axiom-swiftui-containers-ref
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: axiom-swiftui-containers-ref
Source: https://github.com/tuliopc23/flying-dutchman-app/tree/main/.claude/skills/axiom-swiftui-containers-ref
Command: npx skills add https://github.com/tuliopc23/flying-dutchman-app --skill axiom-swiftui-containers-ref

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill provides a comprehensive reference for SwiftUI layout containers, helping developers choose and implement the correct components for arranging views in their applications.

Core Features & Use Cases

  • Container Overview: Details on Stacks (VStack, HStack, ZStack), Lazy Stacks, Grids (Grid, LazyVGrid, LazyHGrid), and Outlines (List, OutlineGroup, DisclosureGroup).
  • Performance Guidance: Recommendations on when to use lazy loading and how to optimize scrollable content.
  • Use Case: A developer needs to create a responsive grid layout for displaying product images. They can consult this Skill to understand LazyVGrid and its GridItem.Size options, quickly finding the optimal configuration.

Quick Start

Show me the SwiftUI code for a basic VStack with spacing.

Frequently Asked Questions about axiom-swiftui-containers-ref

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
What is the best way to build a responsive grid layout in SwiftUI?▼

A responsive grid layout in SwiftUI is best built using LazyVGrid or LazyHGrid, which allow you to configure GridItem.Size options for adaptive, flexible, or fixed column arrangements to optimize view rendering.

How do I use containerRelativeFrame and scrollTargetLayout in SwiftUI?▼

ContainerRelativeFrame and scrollTargetLayout in SwiftUI are used to enhance scrollable content by sizing views relative to their container and enabling precise scroll snapping behavior for smoother user navigation.

What is the difference between VStack and LazyVStack in SwiftUI?▼

VStack in SwiftUI renders all child views immediately, while LazyVStack only renders views as they appear onscreen. LazyVStack improves performance for long scrollable lists by reducing initial memory load.

Does SwiftUI List support OutlineGroup and DisclosureGroup for hierarchical data?▼

Yes, SwiftUI List supports OutlineGroup and DisclosureGroup to display hierarchical data. These containers allow users to expand and collapse nested structures within scrollable list views.

When should I use SwiftUI Grid instead of LazyVGrid for layout?▼

Use SwiftUI Grid for small, fixed collections where all views render simultaneously with precise alignment. Use LazyVGrid for large datasets to defer rendering until views enter the scroll viewport, improving performance.

Related Skills

Explore More Software Engineering Skills→
BasedHardwareBasedHardware
13.1k

omi-flutter-patterns

Guide Flutter app development for Omi with BLE integration and Provider state management.

Official
Intermediate
CaiZongyuanCaiZongyuan
1

expo-ui

Render SwiftUI views inside React Native through a Host container.

Community
Advanced
harivansh-afkharivansh-afk
3

axiom-swiftui-debugging

Diagnose SwiftUI view update, preview, and layout issues via structured decision trees.

Community
Advanced
darknetopencv-altdarknetopencv-alt
34

ios-application-dev

Provide iOS app development guidelines for UIKit, SnapKit, and SwiftUI layouts.

Community
Advanced