문제 상황

ZStack에서 List의 내용이 Button과 겹쳐져서 가리는 문제가 생겼다.

이때 적당한 크기의 Color.clear를 List 하단에 넣으려고 했으나 다음과 같이 나왔다.

해결 방법

그래서 List Row Background 색깔 설정을 해주는 모디파이어를 찾아 다음과 같이 바꿨다.

샘플코드

List {
  Section("sample1") {
   ...
  }
  Section("sample2") {
   ...
  }
  //✅List 제일 하단에 frame 삽입하고 Row 배경색 조정
  Color.clear.frame(height:100)
       .listRowBackground(Color.clear)
}

결과물