내일배움캠프 10일차

임클·2025년 3월 14일

내일배움캠프

목록 보기
10/44
post-thumbnail

일정

iOS 17에서 새롭게 추가된 SwiftUI ScrollView Modifier

최근 개인 프로젝트를 진행하면서 ScrollView의 동작을 커스터마이징할 필요가 있었다. iOS 17에서 새롭게 추가된 modifier들이 이를 쉽게 해결해줄 수 있을 것 같아, 적용하는 김에 정리해보았다.

📌 1. scrollPosition(id:)

  • 특정 위치로 스크롤하거나, 현재 스크롤 위치를 추적할 수 있음.
  • @State 변수를 활용하여 스크롤 상태를 관리 가능.

📌 2. scrollTargetLayout(isEnabled:)

  • 스크롤 뷰 내에서 스크롤 대상의 레이아웃을 설정할 수 있음.
  • 기본값은 true이며, 이를 조정하여 스크롤 대상의 위치를 제어 가능.

📌 3. scrollTargetBehavior(_:)

  • 스크롤 동작을 커스터마이징하는 modifier.
  • .paging → 페이지 단위로 스크롤.
  • .viewAligned → 특정 뷰 정렬 방식으로 스크롤.

📌 4. containerRelativeFrame(_:alignment:)

  • 뷰의 크기를 컨테이너 뷰에 상대적으로 설정 가능.
  • 다양한 레이아웃 컨텍스트에서 유용하게 활용할 수 있음.

📌 5. scrollTransition(_:axis:transition:)

  • 스크롤 시 뷰의 애니메이션을 적용할 수 있음.
  • 예를 들어, 화면에 들어오거나 나갈 때 투명도나 크기를 변경
    가능.

📚 Reference:

iOS 17에서 ScrollView가 더욱 강력해진 만큼, 다양한 프로젝트에서 적극적으로 활용해봐야겠다! 🚀


적용 모습

0개의 댓글