정훈's 프로그래밍

A flexible space that expands along the major axis of its containing stack layout, or on both axes if not contained in a stack. struct ChecklistRow: View { let name: String var body: some View { HStack { Image(systemName: "checkmark") Text(name) } .border(Color.blue) } }

A description of a row or a column in a lazy grid. struct GridItemDemo: View { let rows = [ GridItem(.fixed(30), spacing: 1), GridItem(.fixed(60), spacing: 10), GridItem(.fixed(90), spacing: 20), GridItem(.fixed(10), spacing: 50) ] var body: some View { ScrollView(.horizontal) { LazyHGrid(rows: rows, spacing: 5) { ForEach(0...300, id: \.self) { _ in Color.red.frame(width: 30) Color.green.frame(w..

A container view that arranges its child views in a grid that grows vertically, creating items only as needed. struct VerticalSmileys: View { let columns = [GridItem(.flexible()), GridItem(.flexible())] var body: some View { ScrollView { LazyVGrid(columns: columns) { ForEach(0x1f600...0x1f679, id: \.self) { value in Text(String(format: "%x", value)) Text(emoji(value)) .font(.largeTitle) } } } } ..

A container view that arranges its child views in a grid that grows horizontally, creating items only as needed. struct HorizontalSmileys: View { let rows = [GridItem(.fixed(30)), GridItem(.fixed(30))] var body: some View { ScrollView(.horizontal) { LazyHGrid(rows: rows) { ForEach(0x1f600...0x1f679, id: \.self) { value in Text(String(format: "%x", value)) Text(emoji(value)) .font(.largeTitle) } ..

A view that arranges its children in a line that grows vertically, creating items only as needed. ScrollView { LazyVStack(alignment: .leading) { ForEach(1...100, id: \.self) { Text("Row \($0)") } } }

A view that arranges its children in a line that grows horizontally, creating items only as needed. ScrollView(.horizontal) { LazyHStack(alignment: .top, spacing: 10) { ForEach(1...100, id: \.self) { Text("Column \($0)") } } }

A view that overlays its children, aligning them in both axes. let colors: [Color] = [.red, .orange, .yellow, .green, .blue, .purple] var body: some View { ZStack { ForEach(0..

A view that arranges its children in a horizontal line. var body: some View { HStack( alignment: .top, spacing: 10 ) { ForEach( 1...5, id: \.self ) { Text("Item \($0)") } } }

A view that arranges its children in a vertical line. var body: some View { VStack( alignment: .leading, spacing: 10 ) { ForEach( 1...10, id: \.self ) { Text("Item \($0)") } } }