-
SwiftUI ListView 13 - ListView 체크박스, 다중선택SwiftUI 100 레시피/ListView 2022. 5. 26. 18:52
리스트 뷰 체크박스를 생성후 체크한 항목을 하단 리스트에 표시하게 하는 방법
import SwiftUI
struct ContentView: View {
@State private var selectedFruits: [String] = [String()]
let fruits = ["사과","수박","오렌지","복숭아","참외","포도","딸기"]
var body: some View {
VStack{
List(fruits, id: \.self){ fruit in
VStack {
HStack {
Text(fruit)
Spacer()
ZStack {
if selectedFruits.contains(fruit){
Image(systemName: "checkmark.square.fill")
.font(.largeTitle)
} else {
Image(systemName: "square")
.font(.largeTitle)
}
}.foregroundColor(.blue)
.onTapGesture {
if selectedFruits.contains(fruit){
selectedFruits = selectedFruits.filter{
$0 != fruit
}
} else {
selectedFruits.append(fruit)
}
}
}
}
}
Text("선택한 과일")
.font(.title)
List(selectedFruits, id: \.self){fruit in
Text(fruit)
}
}
}
}
struct ContentView_Previews: PreviewProvider {
static var previews: some View {
ContentView()
}
}
체크박스를 선택한 리스트명이 표시 'SwiftUI 100 레시피 > ListView' 카테고리의 다른 글
SwiftUI ListView 14 - ListView 라디오 버튼 만들기 (0) 2022.05.26 SwiftUI ListView 12 - ListView Json 연동하여 500번까지 스크롤 만들기 (0) 2022.05.26 SwiftUI ListView 11 - ListView 제목 펼칠 수 있게 (0) 2022.05.26 SwiftUI ListView 10 - ListView 다중선택하기 (0) 2022.05.26 SwiftUI ListView 9 - ListView 좌우로 스왑액션(swipeActions) (0) 2022.05.26