목록SwiftUI (5)

버그 잡이

SwiftUI List 기본 스타일 지우기

List는 아래와 같이 기본적으로 여백, 구분선 등의 스타일이 적용되어 있습니다. 그런데 저는 커스텀 하게 스타일링하기 위해서 태초의 상태로 되돌리고 싶었습니다. 어떻게 스타일을 지울 수 있을까요? .listStyle(.plain) 리스트는 여러 스타일이 있는데요. 스타일 속성을 plain으로 줄 수 있습니다. List { Text("item1") Text("item2") Text("item3") } .listStyle(.plain) 이렇게 listStyle을 plain으로 하면 기존의 background 컬러, 여백 등의 속성을 없앨 수 있습니다. 구분선 제거 하지만 아직 구분선이 남아있네요. 구분선을 없애보겠습니다. iOS 15 이상인 경우, listRowSeparator(.hidden) 이라는 속성..
SwiftUI 2024. 3. 1. 23:23
SwiftUI - List에서 원하는 Row로 스크롤 하기 #scrollTo

최근 다이어리 앱을 만들고 있는데요. 아래와 같이 시간대별로 기록할 수 있는 리스트를 가지고 있습니다. "저는 현재 시간의 Row를 최상단으로 스크롤 하고 싶었습니다." (현재 시간이 14시면 14시 row를 최상단으로 스크롤) scrollTo(_:anchor:) ScrollView에서 해당 ID가 있는 하위 뷰를 찾아서 해당 뷰로 스크롤 합니다. id는 하위 뷰를 판단할 수 있는 고유값이고 anchor는 타겟이 되는 하위 뷰를 스크롤 어디에 위치시킬지 결정하는 옵션입니다. (.top, .center, .bottom, .leading, .trailing 등의 옵션이 있습니다.) 기본 코드 예시 struct ContentView: View { var body: some View { ScrollViewRea..
SwiftUI 2023. 7. 29. 21:13
SwiftUI - scrollIndicators() 로 textEditor 스크롤바 hidden 처리하기

textEditor 우측에 있는 scrollIndicator가 보기 안 좋습니다. 이를 안 보이게 하고 싶습니다. 구글링을 해봤습니다.. https://stackoverflow.com/questions/73702315/texteditor-scroll-hidden-in-swiftui TextEditor(text: $context) .introspectTextView { textView in textView.showsVerticalScrollIndicator = false } introspect라는 라이브러리가 있다는 것을 알게 되었네요. UIKit의 속성들을 쉽게 가져다 쓸 수 있게 도와주는 라이브러리입니다. (사용하려면 cocoaPod이나 spm으로 해당 라이브러리를 추가하고 import 해줘야 합니다...
SwiftUI 2023. 6. 18. 23:50
SwiftUI - Paging 되는 상단 tabbar 구현하기

https://www.youtube.com/watch?v=80n0zv7r9Lc 위 영상을 보고 학습한 내용입니다. swiftUI로 위와 같은 화면을 만들어 보겠습니다. 위 화면을 만들기 위해서 크게 두 개의 View가 생성될 예정입니다. 1. OffsetPageTabView - UIScrollView를 활용해서 content를 담을 수 있는 View - 탭바 아래 스크롤 되는 conent 화면 2. PagerTabView - TabView와 OffSetPageTabView를 가지고 있는 View 하나씩 차근차근 만들어보겠습니다. OffsetPageTabView 1. content를 통해서 UIScrollView 안에 넣어줄 View를 받습니다. 2. MakeUIView로 UIScrollView를 만들고 ..
SwiftUI 2023. 5. 20. 17:12
SwiftUI - @State, @Binding 개념 이해하기

@State SwiftUI에 의해 관리되는 값을 읽고 쓰는 Property Wrapper 타입 "Property Wrapper " - 프로퍼티를 감싸 특별한 타입으로 만들어주는 친구. - 감싸는 행위를 통해서 코드 추가 없이 프로퍼티에 특정 기능을 추가할 수 있다. "SwiftUI에 의해 관리된다" - 변수에 변화가 생겼을때 해당 value의 appearance를 무효화 하고 다시 body 값을 계산 즉, 변수에 변화가 생겼을때, 이를 화면에 바로 반영할 수 있게 도와주는 Property Wrapper가 @State입니다. @State 사용법 아래는 공식 문서에 있는 예제입니다. isPlaying값에 따라 Button의 title이 달라지는 것을 볼 수 있습니다. struct PlayButton: Vie..
SwiftUI 2023. 5. 13. 17:52
Prev 1 Next