SwiftUI - Программное изменение фокуса TabView
У меня есть SwiftUI TabView, который вызывает 5 отдельных представлений: местоположение, расчет и т. д.
Эти работают отлично. Но некоторые представления вызываются программно в приложении. Так, например, когда вы выбрали свое местоположение, вы переходите к представлению «Расчет». Когда я сделаю это, как бы я программно сказал ему переместить фокус TabView на значок Calculate из CalculateView?
У меня есть отдельный MenuView, который управляет вкладками:
struct MenuView: View {
@State public var selectedTab = Tab.location // was private
public enum Tab: Hashable {
case location
case calculate
case install
case results
case about
}
var body: some View {
VStack {
TabView(selection: $selectedTab) {
LocationView()
.tabItem {
Label("Location", systemImage: "globe.europe.africa")
}
.tag(Tab.location)
CalculateView()
.tabItem {
Label("Calculate", systemImage: "apps.ipad")
}
.tag(Tab.calculate)
InstallView()
.tabItem {
Label("Install", systemImage: "window.ceiling.closed")
}
.tag(Tab.install)
ResultsView()
.tabItem {
Label("Results", systemImage: "sun.max.fill")
}
.tag(Tab.results)
AboutView()
.tabItem {
Label("About", systemImage: "gear")
}
.tag(Tab.about)
} // TabView
.accentColor(.yellow) //Active tab color
.background(Color.white)
} // VStack
} // body
init() {
UITabBar.appearance().barTintColor = UIColor.systemGray //TabBar color
UITabBar.appearance().backgroundColor = UIColor.white
UITabBar.appearance().unselectedItemTintColor = UIColor.red //systemGray
UITabBar.appearance().isOpaque = false
}
}
не имеет отношения к вашему вопросу, но если у вас пять вкладок, не означает ли это, что пользователь может щелкнуть любую вкладку в любое время? Таким образом, даже если они еще не выбрали местоположение, они могут нажать «Рассчитать». Насколько я понимаю, вкладки предназначены для отображения отдельных, отдельных вещей, а не нескольких шагов в одном процессе. вы можете переосмыслить/рефакторить поток в своем коде.
Ответы 1
Передайте selectedTab как привязку к представлениям вкладок, и в этих представлениях объявите
@Binding var selectedTab: Tab и измените значение там.
Вот рабочий пример кода, который описывает подход:
struct ContentView: View {
var body: some View {
MenuView()
}
}
struct CalculateView: View {
@Binding var selectedTab: Tab
var body: some View {
Button("click me CalculateView", action: {selectedTab = Tab.install} )
}
}
struct LocationView: View {
@Binding var selectedTab: Tab
var body: some View {
Button("click me LocationView", action: {selectedTab = Tab.calculate} )
}
}
struct InstallView: View {
@Binding var selectedTab: Tab
var body: some View {
Button("click me InstallView", action: {selectedTab = Tab.location} )
}
}
public enum Tab: Hashable {
case location
case calculate
case install
case results
case about
}
struct MenuView: View {
@State var selectedTab = Tab.location
var body: some View {
VStack {
TabView(selection: $selectedTab) {
LocationView(selectedTab: $selectedTab) // <-- here
.tabItem {
Label("Location", systemImage: "globe.europe.africa")
}
.tag(Tab.location)
CalculateView(selectedTab: $selectedTab)
.tabItem {
Label("Calculate", systemImage: "apps.ipad")
}
.tag(Tab.calculate)
InstallView(selectedTab: $selectedTab)
.tabItem {
Label("Install", systemImage: "window.ceiling.closed")
}
.tag(Tab.install)
// ResultsView()
// .tabItem {
// Label("Results", systemImage: "sun.max.fill")
// }
// .tag(Tab.results)
// AboutView()
// .tabItem {
// Label("About", systemImage: "gear")
// }
// .tag(Tab.about)
} // TabView
.accentColor(.yellow)
.background(Color.white)
}
}
init() {
UITabBar.appearance().barTintColor = UIColor.systemGray //TabBar color
UITabBar.appearance().backgroundColor = UIColor.white
UITabBar.appearance().unselectedItemTintColor = UIColor.red //systemGray
UITabBar.appearance().isOpaque = false
}
}
Я пробовал это раньше и получил некоторые проблемы с Scope, которые я не мог решить. Последую вашему совету и попробую еще раз. Большое спасибо.
Все мои представления являются отдельными представлениями, а не одним и тем же, как в вашем примере. Этот подход требует, чтобы я поместил привязку в предварительном просмотре по строкам LocationView(selectedTab: $selectedTab). Это приводит к невозможности штрафа $selectedTab в ошибке области действия даже с @Binding var selectedTab: Tab.
Мой пример кода следует из вашего кода вопроса. Все виды являются отдельными видами. Если у вас есть другой код, который вы не показываете, но который имеет отношение к делу, то невозможно угадать, что вы хотите сделать. Покажите минимальный воспроизводимый код, который создает вашу проблему, см.: минимальный код. Тогда мы можем попытаться найти решение.
просто передайте
selectedTabкак привязку к представлениям вкладок, а в этих других представлениях объявите@Binding var selectedTab: Tabи измените там значение. Обратите внимание, что вам нужно поместитьenum TabвнеMenuView, чтобы все представления могли получить к нему доступ.