Feat [#29] 나의 챌린지 뷰 Footer Button 완성

[Zoe0929]

👾 작업 내용

• FooterView 버튼을 구현했습니다.

🚀 PR Point

• 기기 대응시, 가운데 정렬이 안되는 에러를 발견하여 다음과 같이 해결했습니다.

1. enviroment를 이용하여 collectionView content의 너비를 계산합니다.

environment.container.contentSize.width 

2. group의 크기를 제외한 너비의 절반을 inset으로 설정합니다.

 let groupInset = (environment.container.contentSize.width - 322) / 2
group.contentInsets = .init(top: 0, leading: groupInset, bottom: 0, trailing: groupInset)

3. 이 과정때문에, 기존 섹션 별로 구분되어 있던 Layout 함수를 하나로 통합했습니다.

• Background를 적용할 때, safeArea가 채워지지 않는 문제를 발견했습니다. -로 offset을 주어 그 부분을 채웠습니다.

$0.top.equalToSuperview().offset(-200)

• FooterButton은 SwiftUI로 제작되었습니다. 터치 영역은 추후 수정 예정입니다.

📸 스크린샷

구현 내용	스크린샷
나의 챌린지 뷰 Footer 완성

🖥️ 기기대응

기기	아이폰 13Mini	아이폰 14	아이폰 15Pro	아이폰 SE3세대
스크린샷

✅ Issue

Resolved #29

[kim-seonwoo]

구현 너무 고생 많으셨습니다~😎

[kim-seonwoo]

p5. 혹시 adjusted 에러가 발생 할 까요?

[kim-seonwoo]

p5. 분기 한 이후에는 adjusted 사용 하는게 나을까용?

[Zoe0929]

CompositionalLayout 안에서는 adjusted를 사용하면 레이아웃 에러가 발생합니다.

[boyeon0119]

아주 나이스합니다~