[英]SwiftUI Programmatically Select List Item
我有一個具有基本列表/詳細信息結構的 SwiftUI 應用程序。 從模態表創建一個新項目。 當我創建一個新項目並保存它時,我希望選擇那個列表項目。 事實上,如果在添加之前沒有選擇任何項目,那么在添加之后沒有選擇任何項目。 如果在添加之前選擇了一個項目,則在添加之后選擇相同的項目。
我將包含 ContentView 的代碼,但這確實是 List/Detail 的最簡單示例。
struct ContentView: View {
@ObservedObject var resortStore = ResortStore()
@State private var addNewResort = false
@State private var coverDeletedDetail = false
@Environment(\.presentationMode) var presentationMode
var body: some View {
List {
ForEach(resortStore.resorts) { resort in
NavigationLink(destination: ResortView(resort: resort)) {
HStack(spacing: 20) {
Image("FlatheadLake1")
//bunch of modifiers
VStack(alignment: .leading, spacing: 10) {
//the cell contents
}
}
}
}
.onDelete { indexSet in
self.removeItems(at: [indexSet.first!])
self.coverDeletedDetail.toggle()
}
if UIDevice.current.userInterfaceIdiom == .pad {
NavigationLink(destination: WelcomeView(), isActive: self.$coverDeletedDetail) {
Text("")
}
}
}//list
.onAppear(perform: self.selectARow)
.navigationBarTitle("Resorts")
.navigationBarItems(leading:
//buttons
}//body
func removeItems(at offsets: IndexSet) {
resortStore.resorts.remove(atOffsets: offsets)
}
func selectARow() {
//nothing that I have tried works here
print("selectARow")
}
}//struct
再一次 - 添加項目模式非常基本:
struct AddNewResort: View {
//bunch of properties
var body: some View {
VStack {
Text("Add a Resort")
VStack {
TextField("Enter a name", text: $resortName)
//the rest of the fields
}
.textFieldStyle(RoundedBorderTextFieldStyle())
.padding(EdgeInsets(top: 20, leading: 30, bottom: 20, trailing: 30))
Button(action: {
let newResort = Resort(id: UUID(), name: self.resortName, country: self.resortCountry, description: self.resortDescription, imageCredit: "Credit", price: Int(self.resortPriceString) ?? 0, size: Int(self.resortSizeString) ?? 0, snowDepth: 20, elevation: 3000, runs: 40, facilities: ["bar", "garage"])
self.resortStore.resorts.append(newResort)
self.presentationMode.wrappedValue.dismiss()
}) {
Text("Save Trip")
}
.padding(.trailing, 20)
}
}
}
顯示問題 - 帶有選擇的列表:
創建新項目后的列表顯示先前的選擇:
任何指導將不勝感激。 Xcode 11.4
我試圖盡可能地重構你的代碼,以便它能夠構建。 這就是我到底有什么。 我們有一個度假村列表,當一個新的度假村保存在 AddNewResort 工作表中時,如果我們當前處於拆分視圖(horizontalSizeClass 是常規的),我們將 select 新的度假村,否則只是關閉工作表。
import SwiftUI
class ResortStore: ObservableObject {
@Published var resorts = [Resort(id: UUID(), name: "Resort 1")]
}
struct ContentView: View {
@ObservedObject var resortStore = ResortStore()
@State private var addingNewResort = false
@State var selectedResortId: UUID? = nil
var navigationLink: NavigationLink<EmptyView, ResortView>? {
guard let selectedResortId = selectedResortId,
let selectedResort = resortStore.resorts.first(where: {$0.id == selectedResortId}) else {
return nil
}
return NavigationLink(
destination: ResortView(resort: selectedResort),
tag: selectedResortId,
selection: $selectedResortId
) {
EmptyView()
}
}
var body: some View {
NavigationView {
ZStack {
navigationLink
List {
ForEach(resortStore.resorts, id: \.self.id) { resort in
Button(action: {
self.selectedResortId = resort.id
}) {
Text(resort.name)
}
.listRowBackground(self.selectedResortId == resort.id ? Color.gray : Color(UIColor.systemBackground))
}
}
}
.navigationBarTitle("Resorts")
.navigationBarItems(trailing: Button("Add Resort") {
self.addingNewResort = true
})
.sheet(isPresented: $addingNewResort) {
AddNewResort(selectedResortId: self.$selectedResortId)
.environmentObject(self.resortStore)
}
WelcomeView()
}
}
}
struct ResortView: View {
let resort: Resort
var body: some View {
Text("Resort View for resort name: \(resort.name).")
}
}
struct AddNewResort: View {
//bunch of properties
@Binding var selectedResortId: UUID?
@State var resortName = ""
@Environment(\.presentationMode) var presentationMode
@Environment(\.horizontalSizeClass) var horizontalSizeClass
@EnvironmentObject var resortStore: ResortStore
var body: some View {
VStack {
Text("Add a Resort")
VStack {
TextField("Enter a name", text: $resortName)
//the rest of the fields
}
.textFieldStyle(RoundedBorderTextFieldStyle())
.padding(EdgeInsets(top: 20, leading: 30, bottom: 20, trailing: 30))
Button(action: {
let newResort = Resort(id: UUID(), name: self.resortName)
self.resortStore.resorts.append(newResort)
self.presentationMode.wrappedValue.dismiss()
if self.horizontalSizeClass == .regular {
self.selectedResortId = newResort.id
}
}) {
Text("Save Trip")
}
.padding(.trailing, 20)
}
}
}
struct WelcomeView: View {
var body: some View {
Text("Welcome View")
}
}
struct Resort {
var id: UUID
var name: String
}
我開始在 SwiftUI 列表視圖中寫一系列關於導航的文章,在實現程序化導航時需要考慮很多點。 這是描述我建議的解決方案的一個: SwiftUI Navigation in List View: Programmatic Navigation 。 該解決方案目前適用於 iOS 13.4.1。 SwiftUI 變化很快,所以我們必須繼續檢查。
這是我之前的文章,它解釋了為什么向每個列表行添加 NavigationLink 的更簡單的解決方案目前存在一些問題SwiftUI 列表視圖中的導航:探索可用選項
如果您有任何問題,請告訴我,我很樂意盡我所能提供幫助。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.