У меня есть TabView
, который представляет лист после нажатия на [+] (2nd) tabItem
. В то же время ContentView
также переключает выбор вкладки TabView
, поэтому, когда я закрываю представленный лист, выбранная вкладка остается пустой без какого-либо содержимого. Не идеальный пользовательский интерфейс.
Мой вопрос:
Мне интересно, как я могу просто отключить этот конкретный tabItem
, чтобы он не «вел себя как вкладка», а просто отображал лист, сохраняя предыдущий выбор вкладки до нажатия элемента [+]. Возможно ли это с помощью SwiftUI, или я должен использовать другой способ достижения этого эффекта?
Изображение моей панели вкладок:
Вот код моего ContentView
, а мой TabView
:
struct SheetPresenter<Content>: View where Content: View {
@EnvironmentObject var appState: AppState
@Binding var isPresenting: Bool
var content: Content
var body: some View {
Text("")
.sheet(isPresented: self.$isPresenting, onDismiss: {
// change back to previous tab selection
print("New listing sheet was dismissed")
}, content: { self.content})
.onAppear {
DispatchQueue.main.async {
self.isPresenting = true
print("New listing sheet appeared with previous tab as tab \(self.appState.selectedTab).")
}
}
}
}
struct ContentView: View {
@EnvironmentObject var appState: AppState
@State private var selection = 0
@State var newListingPresented = false
var body: some View {
$appState.selectedTab back to just '$selection'
TabView(selection: $appState.selectedTab){
// Browse
BrowseView()
.tabItem {
Image(systemName: (selection == 0 ? "square.grid.2x2.fill" : "square.grid.2x2")).font(.system(size: 22))
}
.tag(0)
// New Listing
SheetPresenter(isPresenting: $newListingPresented, content: NewListingView(isPresented: self.$newListingPresented))
.tabItem {
Image(systemName: "plus.square").font(.system(size: 22))
}
.tag(1)
// Bag
BagView()
.tabItem {
Image(systemName: (selection == 2 ? "bag.fill" : "bag")).font(.system(size: 22))
}
.tag(2)
// Profile
ProfileView()
.tabItem {
Image(systemName: (selection == 3 ? "person.crop.square.fill" : "person.crop.square")).font(.system(size: 22))
}
.tag(3)
}.edgesIgnoringSafeArea(.top)
}
}
А вот AppState
:
final class AppState: ObservableObject {
@Published var selectedTab: Int = 0
}