[SwiftUI macOS 앱] NavigationView > List 맨 위에 요소를 추가하는 샘플
포인트는
.listStyle(SidebarListStyle)
를 지정하면, 거동이 아무래도 버그하므로 주의해 주세요. 나는 이것으로 8시간은 빠졌습니다. 버그라고 하는 것은, 리스트의 선두에 요소를 추가하면(자), 왠지 두번째 요소를 클릭했을 때, 1번째와 2번째가 양쪽 모두 선택 상태가 됩니다.
이쪽이 버그하고 있는 그림↓↓↓↓↓
코드
ContentView.swiftimport SwiftUI
struct Person: Identifiable, Hashable {
var id = UUID()
var name: String
var order: Int
}
struct ContentView: View {
@State var people = [
Person(name: "taro", order: 1),
Person(name: "yuki", order: 0)
]
@State var selectedPerson: Person?
var body: some View {
VStack {
AddButton(people: $people)
NavigationView {
List(people.sorted{$0.order < $1.order}, id: \.self, selection: $selectedPerson) { person in
Text(person.name)
}.frame(width: 150)
if selectedPerson != nil {
Detail(person: selectedPerson!)
}
}
}
}
}
struct AddButton: View {
@Binding var people: [Person]
var body: some View {
Button("add", action: {
print("add")
self.people.append(Person(name: "fuga", order: -1))
})
}
}
struct Detail: View {
var person: Person
var body: some View {
VStack {
Text(person.name)
}.frame(maxWidth: .infinity, maxHeight: .infinity)
}
}
Reference
이 문제에 관하여([SwiftUI macOS 앱] NavigationView > List 맨 위에 요소를 추가하는 샘플), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/mochizukikotaro/items/0447f4caa09e8a1cc821
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
import SwiftUI
struct Person: Identifiable, Hashable {
var id = UUID()
var name: String
var order: Int
}
struct ContentView: View {
@State var people = [
Person(name: "taro", order: 1),
Person(name: "yuki", order: 0)
]
@State var selectedPerson: Person?
var body: some View {
VStack {
AddButton(people: $people)
NavigationView {
List(people.sorted{$0.order < $1.order}, id: \.self, selection: $selectedPerson) { person in
Text(person.name)
}.frame(width: 150)
if selectedPerson != nil {
Detail(person: selectedPerson!)
}
}
}
}
}
struct AddButton: View {
@Binding var people: [Person]
var body: some View {
Button("add", action: {
print("add")
self.people.append(Person(name: "fuga", order: -1))
})
}
}
struct Detail: View {
var person: Person
var body: some View {
VStack {
Text(person.name)
}.frame(maxWidth: .infinity, maxHeight: .infinity)
}
}
Reference
이 문제에 관하여([SwiftUI macOS 앱] NavigationView > List 맨 위에 요소를 추가하는 샘플), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/mochizukikotaro/items/0447f4caa09e8a1cc821텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)