목록scrollview (4)
기어가더라도 제대로

결과물 미리보기문제 상황커머스의 상품의 디테일 페이지 같은 경우 스크롤뷰가 있고 그 안에 이미지가 top 부분 safeArea를 넘어 자리하는 경우가 있다. 이 때 타이틀을 어디에 넣어야 적절한지 정하기 까다롭다. 만약, 이미지 왼쪽 하단에 아이템의 타이틀이라도 있으면 불편하다. 이 때도 SwiftUI에서 기본으로 제공하는 것처럼 title display mode를 .large에서 .inline으로 변화하는듯한 UI를 그려보자 일반적인 상황일반적으로는 .navigationTitle("title")을 하게 되면 색상이나 폰트 등등 커스텀하기가 매우 불편해진다. 대신 타이틀이 어떤 모드로 보일지를 변환하는건 자동으로 된다. var body: some View { ScrollView { ..

Why네이버 밴드의 투표 기능중에 스크롤이 되는 선택지 필드를 구현하고 싶었다.정말 디테일이 아름답다.기술 스택반응형을 위해 CombineUI 편의 선언을 위해 Snapkit, ThenWhat스크롤뷰에 항목이 동적으로 추가되게끔 스택뷰를 선언하고 레이아웃 잡기한 텍스트 필드에서 다음 텍스트 필드로 포커스를 옮기기키보드 높이 이외의 부분만큼으로 스크롤뷰의 자동 높이 조절How1. 스크롤뷰에 항목이 동적으로 추가되게끔 스택뷰를 컨텐트뷰로 선언하고 레이아웃 잡기스크롤뷰는 뷰의 세이프 에이리어에컨텐트뷰는 스크롤뷰의 “컨텐츠가이드 레이아웃”에너비는 스크롤뷰와 같이높이는 뷰의 높이보다 크거나 같은데 우선순위는 낮게class ViewController: UIViewController { let scrollVie..
func scrollViewDidScroll(_ scrollView: UIScrollView) { guard let vc = vc else { return } let safeAreaTop = vc.view.safeAreaInsets.top // let magicalSafeAreaTop: CGFloat = safeAreaTop + (vc?.navigationController?.navigationBar.frame.height ?? 0) // let offset: CGFloat = magicalSafeAreaTop + scrollView.contentOffset.y // let alpha: CGFloat = 1 - (offset / magicalSafeAreaTop) let offset: CGFloat = ..