iOS 🍎/SwiftUI

NavigationStack과 NavigationSplitView에서 뷰 이동을 위해 NavigationLink를 사용할 수 있다. struct Fruit: Identifiable, Hashable { var id = UUID() let name: String let emoji: String func hash(into hasher: inout Hasher) { hasher.combine(name) } } 리스트에 보여주기 위한 기본 데이터 모델을 정의 struct FruitDetailView: View { let fruit: Fruit var body: some View { VStack { Text(fruit.emoji) .font(.largeTitle) Text(fruit.name) } } } 데이터 ..

.overlay( Rectangle() .stroke(PWColor.gray100, lineWidth: 1) ) // .border(PWColor.gray100, width: 1) 아래border을 사용하면 frame으로 인식하게 됨. 해당 영역 까지 잡혀서 VStack으로 쌓으면 중간은 2가 됨

아무리 봐도 탭 바가 맞는거 같은데 디자인팀이 토글이라 하니 우선 토글인걸로..!! 뭐 2개면 토글 맞지! 서버로 부터 몇 개가 올지 모르고, 해당 영역을 탭했을 때 토글 애니메이션이 실행되야 한다. Namespace를 사용하면 자연스러운 애니메이션을 구현할 수 있다. 물론 animation 을 사용해도 된다! 처음에 GeometryReader로 위치를 계산 한 뒤 하나의 View의 위치를 변경해 주었더니 offset과 padding 으로 뷰 계층을 바꿨을 때 이슈가 있었다. GeometryReader로 계산 한 위치가 달라져서 엉뚱한 곳에서 백그라운드가 시작되고 움직였다. struct CustomToggle: View { let priceList = ["on", "off", "test"] /// 토글 ..

struct TipBubbleShape: Shape, InsettableShape { private var insetValue = 0.0 func inset(by amount: CGFloat) -> some InsettableShape { var bubble = self bubble.insetValue = amount return bubble } func path(in rect: CGRect) -> Path { let width = rect.width let height = rect.height let radius = rect.height / 2.0 let midpoint = radius * 0.42 let path = Path { p in p.move(to: CGPoint(x: 25, y: height..

2023.10 기준 SwiftUI에서 life cycle updates modifier로 지정된 것은 4개이다. 여기서 마지막 task는 task만 따로 한번 파보기로 하고 onAppear, onDisappear, task 알아봅시다 다 드루와~ SwiftUI에서 화면을 전환하는 방법에는 여러가지가 있다. UIKit에서 ViewController를 사용했을 때는 화면 전환되는 View를 ViewController로 명확히 구분할 수 있는 단위가 있었지만 SwiftUI 에서는 view라는 단위가 명확하게 구분되어 있기 보다는 View가 View를 감싸고 있거나 다른 View의 일부분이 될 수도 있기 때문에 이를 고려해서 알아봐야 한다. 우선 각 modifire을 간단히 살펴보면 onAppear func o..

리스트는 서비스 되고 있는 앱에서 빠지지 않고 등장하는 UI 중 하나입니다. 많은 데이터를 서버로 부터 한번에 가져오는 것이 아닌 일부만 가져온 뒤 사용자가 그 일부를 다 보면 새로운 목록을 서버로 부터 가지고 오는 방식이 있는데 이를 load more 혹은 infinite scroll 이라고 합니다. SwiftUI에서는 리스트를 위한 여러가지 View들이 제공됩니다. 그 중에 VStack은 아이템들을 세로 방향으로 쌓습니다. 이 VStack이 ScrollView와 만나면 저희가 UIKit에서 보았던 UITableView 혹은 UICollectionView와 동일한 UI를 구성할 수 있어요. 그런데 여기에 LazyVStack이라는 것이 있습니다! 각자 어디에 사용하는게 좋을까요? 차이점과 각각 동작하는 ..

네비게이션은 다른 스크린과 뷰 사이를 이동하고 탐색할 수 있게 해줌 UINavigationController와 마찬가지로 navigationStack을 관리하며 NavigationBar 를 제공하여 화면간 이동을 지원 NavigationView는 iOS 기준 13.0 ~ 17.0 사용가능하며 deprecated 예정이기 때문에 iOS 16.0 부터 지원하는 프로젝트라면 NavigationStack을 사용 NavigationLink NavigationStack, NavigationSplitView 뿐만 아니라 NavigationView에서도 사용 가능 struct NavigationLink where Label : View, Destination : View label은 현재 화면에 보이는 뷰로서 Navi..

동일한 UI 구성을 가지지만 가로모드에서 세로모드로 변경될때 화면의 넓이가 달라지게 됩니다. 특정 UI에서는 화면이 깨질 수 있어서 이에 대응해야 해요. ViewBuilder를 사용하면 여러 화면에서 대응 가능한 View를 생성할 수 있습니다! 혹시 ViewBuilder가 무엇인지 잘 모르겠다면 아래 포스팅을 참고하세요! [SwiftUI] ViewBuilder 알아보기 Definition @resultBuilder struct ViewBuilder 클로저에서 뷰를 구성하는 사용자 지정 파라미터 속성 func contextMenu( @ViewBuilder menuItems: () -> MenuItems ) -> some View 클로저 파라미터를 통해 child view를 생성하고자 framios.tis..