SwiftUI ListView 7 - 리스트 row 클릭시 하단에 표시

리스트뷰에서 열(Row) 클릭할 경우 하단에 인덱스가 나타나도록 하는 방법

 

 

 

import SwiftUI

 

struct ContentView: View {

    @State private var selectedIndex: Int?

    

    var body: some View {

       

        VStack{

            List{

                ForEach(1...10, id:\.self){ index in

                    HStack{

                        Text("\(index)")

                        Spacer()

                    }

                    .contentShape(Rectangle()) //열 전체가 적용될 수 있도록(없으면 번호만 눌렀을때만 작동)

                    .onTapGesture(perform: {

                        selectedIndex = index

                    })

                    

                }

            }

            selectedIndex.map{

                Text("\($0)")

                    .font(.largeTitle)

            } //하단에 표시

        }

    }

}

 

struct ContentView_Previews: PreviewProvider {

    static var previews: some View {

        ContentView()

    }

}