<現状>
Checkboxを選択するとリンク先に遷移してしまいます。
Checkboxとリスト各行に奥行きを持たせればチェックできるかと思い、Zstackで囲ったのですがそれもダメでした。
下記コードと添付画像を基に解決法をご教示いただければ幸いです。
SwiftUI
1 var body: some View { 2 List{ 3 ForEach(0..<listFetcher.myLists.count, id: .self){ index in 4 HStack(alignment: .center){ 5 NavigationLink(destination: MyListSecondView(info: listFetcher.myLists[index])){ 6 HStack(alignment: .center){ 7 Checkbox() 8 VStack(alignment: .leading){ 9 HStack{ 10 Image(systemName: "doc.text") 11 .font(.subheadline) 12 Text(listFetcher.myLists[index].title) 13 } 14 } 15 } 16 } 17 } 18 } 19 } 20 .listStyle(GroupedListStyle()) 21 } 22
Checkbox
1struct Checkbox: View { 2 // 切り替える状態(初期値はfalse) 3 @State private var isChecked = false 4 5 // チェックボックスの表示 6 var body: some View { 7 Button(action: toggle) { 8 if(isChecked) { 9 Image(systemName: "checkmark.square.fill") 10 .foregroundColor(.green) 11 } else { 12 Image(systemName: "square") 13 } 14 } 15 } 16 17 // タップ時の状態の切り替え 18 func toggle() -> Void { 19 isChecked = !isChecked 20 UIImpactFeedbackGenerator(style: .medium) 21 .impactOccurred() 22 } 23} 24
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。