안녕하세요 :D 망고입니다🥭 SwiftUI로 Sticky Header 만드는 방법에 대해 알아보겠습니다. Sticky Header란? 사용자가 화면을 아래로 스크롤 할 때 화면 상단에 고정되는 뷰를 말합니다. 처음엔 Sticky Header라는 용어를 몰라서 한참 찾아봄 ㅠㅠ LazyVStack의 pinnedViews라는 옵션을 통해 설정할 수 있다. [.sectionHeaders]를 통해 상단에 고정시키도록 설정했고, post, liked 부분을 filterBar로 구현 한 다음 Section(header: filterBar)에 넣어주었다. private var StickyHeader: some View { LazyVStack(pinnedViews: [.sectionHeaders]) { Section(..

안녕하세요 :D 망고입니다🥭 SwiftUI의 System Icons에 대해 알아보겠습니다. System Icons Apple에서 기본 제공되는 아이콘들이다. 기본적인 사용 방법 Image(systemName: "아이콘 이름") Image(systemName: "heart") //빈 아이콘 Image(systemName: "heart.fill") //채워진 아이콘 이런식으로 systemName: 아이콘 이름을 해주면 된다. 아이콘 이름은 https://developer.apple.com/sf-symbols/을 다운 받으면 편하게 볼 수 있다. 옵션들 .font(.system(size: 36)) // 크기변경 .foregroundColor(.red) // 색상변경 .resizable() .scaledToFi..

안녕하세요 :D 망고입니다🥭 SwiftUI의 Navigation dismiss에 대해 알아보겠습니다. iOS 15.0+ private struct SheetContents: View { @Environment(\.dismiss) private var dismiss // 환경변수 선언 var body: some View { Button("Done") { dismiss() // 사용 } } } 먼저 환경변수를 선언해준다음 dismiss() 해주면 된다.

안녕하세요 :D 망고입니다🥭 SwiftUI의 Color에 대해 알아보겠습니다. Color Color.색상을 해주게 되면 원하는 색으로 변경됩니다. Color.색상 ex) Color.red 기본적으로 사용할 수 있는 색상 extension Color { public static let red: Color public static let orange: Color public static let yellow: Color public static let green: Color @available(iOS 15.0, macOS 12.0, tvOS 15.0, watchOS 8.0, *) public static let mint: Color @available(iOS 15.0, macOS 12.0, tvOS 15.0,..