ForEach 의 값을 어레이에서 받아왔는데요. 스크롤뷰리더로 감싸면 리프레쉬가 안됩니다.

Question

선생님^^ 스크롤뷰를 만들고 그안에 포이치로 값을 죽~ 보이게 했어요. 그 값은 모델에서 불러오는데요. 어레이에 어펜드를 하면 자동으로 스크롤뷰가 갱신이 되고 맨 아래 새로운 값이 추가되서 보이더라구요. 그런데 그 값이 화면을 넘어가면 가려져서 바로는 안보이고 손으로 스크롤을 해야 보입니다. 그래서 배운데로 스크롤뷰리더로 포이치구문을 감싸고  scrollTo 를 이용해서 .bottom 이 되도록해서  어레이에 새로 추가된 값이 항상 화면에 보이게 하고 싶은데요. 스크롤뷰리더를 사용하면 어레이 값을 처음에 딱 한번만 불러오고 추가로 어펜드 된 값들이 보이지를 않습니다. 왜그런 걸까요???

iOS Developer - 이정 · Answer

안녕하세요 질문만 보고는 어떤 문제인지 확인이 어렵기 때문에 버튼을 누르면 데이터 추가하는 부분과 onChange를 통해서 데이터가 추가되는 순간을 캐치해서 아래로 내려가는 부분을 간단히 만들어봤습니다.  코드 보시고 참고하시면 될 것 같습니다. struct ContentView : View {     struct DummyModel : Hashable {         var number = 0     }          @ State private var pxy : ScrollViewProxy ?          @ State private var models = [ DummyModel ]()     @ State private var number = 0          var body : some View {                  VStack {             Button ( "Scroll To " + ( self . models . last ?. number . description ?? "" )) {                 withAnimation (. easeInOut ) {                     pxy ?. scrollTo ( self . models . count - 1 , anchor: . bottom )                 }             }             Button ( "add Data" ) {                 self . models . append ( DummyModel ( number: number ))                 number += 1             }                          ScrollViewReader (content: { proxy in                 ScrollView {                     ForEach ( 0 ..< models . count , id: \. self ) { index in                         Text ( " \( models [index]. number ) " )                             . padding ()                     }                 }                 . onAppear (perform: {                     self . pxy = proxy                 })                 . onChange (of: self . models , perform: { value in                     withAnimation (. easeInOut ) {                         pxy ?. scrollTo ( self . models . count - 1 , anchor: . bottom )                     }                 })             })         }     } }