목록SwiftUI - 기초 (55)
기어가더라도 제대로
[SwiftUI-기초] NavigationTitle 수동으로 inline 만들기(with. ToolbarItem)
결과물 미리보기문제 상황커머스의 상품의 디테일 페이지 같은 경우 스크롤뷰가 있고 그 안에 이미지가 top 부분 safeArea를 넘어 자리하는 경우가 있다. 이 때 타이틀을 어디에 넣어야 적절한지 정하기 까다롭다. 만약, 이미지 왼쪽 하단에 아이템의 타이틀이라도 있으면 불편하다. 이 때도 SwiftUI에서 기본으로 제공하는 것처럼 title display mode를 .large에서 .inline으로 변화하는듯한 UI를 그려보자 일반적인 상황일반적으로는 .navigationTitle("title")을 하게 되면 색상이나 폰트 등등 커스텀하기가 매우 불편해진다. 대신 타이틀이 어떤 모드로 보일지를 변환하는건 자동으로 된다. var body: some View { ScrollView { ..
[SwiftUI-기초] 프로젝트에서 TabView 두개 사용하기(Multiple TabView)
상황 설명프로젝트에서 여러개의 탭을 구현해야하는 상황이 있을 수 있는데, 그럴 때 어떻게 하면 좋은지 적음 AppState, TabView, Key class AppState: ObservableObject { @Published var selectedSecondScreen: SecondScreen?}enum FirstScreen: Hashable, Identifiable, CaseIterable { case foo case bar case baz var id: Self { self } var image: String { switch self { case .foo: return "dot.square" case .ba..
[SwiftUI-기초] 수직 확장 되는 텍스트 필드, TextField, TextEditor
상황 설명TextField에 많은 문자열이 추가되면 수평 방향으로 화면이 늘어나는데 그러지말고 최대 3개의 줄이 보이는 정도까지 수직으로 확장3줄 이상 늘어나면 높이는 고정되고 줄바꿈을 하기 해결 방법iOS 16 이상제공되는 TextField API 중에 axis와 .lineLimit()을 이용TextField("", text: $textFieldContent, axis: .vertical) .lineLimit(...3).lineLimit(range): 최소 줄부터 최대 보여줄 줄 수를 표시ex) .lineLimit(2…3): 최소 2줄 크기 영역부터 최대 3줄 크기 영역 보여줌.lineLimit(…3): 최소 1줄 크기 영역부터 최대 3줄 크기 영역 보여줌iOS 16 미만높이를 직접 계산해줘서 보..