Well, here is where the lazy Stacks come into play. Adding a label under the images. Over there he talks and teaches how to use design systems, typography, navigation, iOS 14 Design, prototyping, animation and Developer Handoff. Free tutorials for learning user interface design. To try it out, run the app in an iPad simulator, then try different sizes of split view youll see ContentView automatically switch to a VStack when space runs low. NEW: My new book Pro SwiftUI is out now level up your SwiftUI skills today! Site design / logo 2023 Stack Exchange Inc; user contributions licensed under CC BY-SA. Can my creature spell be countered if I cast a split second spell after it? SwiftUI Stacks: VStack, HStack, and ZStack Combine and Create Complex SwiftUI Tutorial: Working With Stacks VStack, HStack, and ZStack 565), Improving the copy in the close modal and post notices - 2023 edition, New blog post from our CEO Prashanth: Community is the future of AI. SwiftUI - _ SPONSORED From May 15th to 21st, you can join a FREE crash course for mid/senior iOS devs who want to achieve an expert level of technical and practical skills its the fast track to being a complete senior developer! A guide to the SwiftUI layout system - Part 1 | Swift by Sundell You can add spacing inside your SwiftUI stacks by providing a value in the initializer, like this: Alternatively, you can create dividers between items so that SwiftUI makes a small visual distinction between each item in the stack, like this: By default, items in your stacks are aligned centrally. To prevent that, I set spacing: 0 and added padding(.top . In this course we'll learn how to use design systems, set up break points, typography, spacing, navigation, size rules for adapting to the iPad, mobile and web versions, and different techniques that translate well from design to code.