SwiftUI 100 레시피/Grid & Stacks
-
SwiftUI Grid - Hstack을 여러줄로 래핑SwiftUI 100 레시피/Grid & Stacks 2022. 5. 27. 14:02
Hstack에서 불러온 데이터를 스마트폰 폭에 맞게 여러줄로 래핑하는 방법 import SwiftUI struct ContentView: View { let words = ["Youtube","FaceBook","Google","Naver","Daum","link","Yahoo","Apple","Samsung","LG","Ford","Safeway","HomeDepot","Ikea","LondonDrug","HStack in multiple lines using SwiftUI"] //let words = Lorem.worlds(100).split(separator: " ").map{String($0)} var body: some View { VStack { TagsView(items: words) } }..
-
SwiftUI Grid - matchedGeometryEffect 를 활용한 애니메이션SwiftUI 100 레시피/Grid & Stacks 2022. 5. 26. 21:26
애니메이션 적용하기 - 현재 방법은 IOS 15.0 이전 방법임 - 'animation' was deprecated in iOS 15.0: Use withAnimation or animation(_:value:) instead. import SwiftUI struct ContentView: View { @Namespace var namespace @State private var selectedSymbol: String? //Refer:https://www.appcoda.com/learnswiftui/swiftui-gridlayout.html private var symbols = ["keyboard", "hifispeaker.fill", "printer.fill", "tv.fill", "desktopc..
-
SwiftUI Grid - Pinned view 설정하기SwiftUI 100 레시피/Grid & Stacks 2022. 5. 26. 19:53
import SwiftUI struct ContentView: View { let columns = [ GridItem(.flexible(minimum: 100)), GridItem(.flexible(minimum: 100)), GridItem(.flexible(minimum: 100)) ] private func headerView(_ index: Int) -> some View { Text("Section \(index)") .font(.title) .frame(maxWidth: .infinity) .padding() .background(Color.blue) .foregroundColor(.white) } var body: some View { NavigationView{ ScrollView{ La..
-
SwiftUI Grid 15 - 아이템 표시하기SwiftUI 100 레시피/Grid & Stacks 2022. 5. 26. 19:44
그리드에 아이템 표시하기 #1. Fixed Coloum #2. Flexible Coloums #3. Adapted Coloums import SwiftUI struct ContentView: View { //#1. Fixed Coloum // let columns = [ // GridItem(.fixed(100)), // GridItem(.fixed(100)), // GridItem(.fixed(100)) // ] //#2. Flexible Coloums // let columns = [ // GridItem(.flexible(minimum: 50)), // GridItem(.flexible(minimum: 50)), // GridItem(.flexible(minimum: 50)), // GridItem..