제품 리스트가 스크롤 될 때 흐릿하게 보이도록 UI 구성

[WhiteHyun]

Screenshots 📸

Before	After

고민, 과정, 근거 💬

UIKit의 NavigationBarAppearnce 설정

PyeonHaengApp에서 NavigationBarAppearance를 설정했습니다. 그 이유는 원하지 않는 Toolbar 색상의 변경 때문입니다.

적용 전	적용 후

이 색상을 SwiftUI로 설정하는 방법이 아직은 없는 것 같습니다.
background는 .toolbarBackground(.white, for: .navigationBar)로 가능하나, shadow는 글쎄요.. 찾아도 잘 안보이네요. 하하;

List 대신에 ScrollView와 LazyVStack 사용

List로 최대한 해결하려 했으나, 처음에 List에 제품을 보여주게 될 때 List의 top으로부터 특정 offset만큼 띄워 보여주는 기능이 없는 것 같았어요.

그래서 위 사진에서 보이는 보라색 사각형만큼의 크기를 Spacer()로 지정해주고, 그다음 제품리스트를 ForEach로 구성해서 보여주도록 구현했습니다.

VStack을 사용하면 모든 제품을 전부 로드하므로, LazyVStack을 사용해서 리소스를 줄였습니다.

---

• Closed: 행사 제품을 스크롤 할 때 네비게이션바를 제외하고 편의점 버튼과 행사 할인 버튼의 바탕화면에서 행사 제품이 흐릿하게 보이도록 한다. #42

[eung7]

수고하셨습니다 !

추가적으로 나중에 ProductDetailSelectionView를 스크롤 할 때
위로 숨김 처리를 해주는 것도 좋아보여요!
미니 같은 작은 기기에서는 제품을 한 번에 볼 수 있는 영역이 조금 부족하지 않을까? 라는 생각이 드네요 ㅎㅎ

[WhiteHyun]

수고하셨습니다 !

추가적으로 나중에 ProductDetailSelectionView를 스크롤 할 때 위로 숨김 처리를 해주는 것도 좋아보여요! 미니 같은 작은 기기에서는 제품을 한 번에 볼 수 있는 영역이 조금 부족하지 않을까? 라는 생각이 드네요 ㅎㅎ

UI/UX는 이미 저렇게 정해져 있어서 저희가 임의로 정할 수는 없을 것 같아요.
나중에 디자이너님에게 얘기해보시죠 ㅎ