[英]Hide TabBar on navigate
I have created a TabBar which is a view at the root of the app.我创建了一个 TabBar,它是应用程序根目录下的一个视图。 I'd like to hide the TabBar component when navigating from the closet view to a subview.从壁橱视图导航到子视图时,我想隐藏 TabBar 组件。 The Closet view is a NavigationView containing multiple NavigationLink Closet 视图是一个包含多个 NavigationLink 的 NavigationView
Here is the root view of the app:这是应用程序的根视图:
struct Home: View {
@State var selected = 0
@ObservedObject var viewModel: HomeViewModel
init(viewModel: HomeViewModel) {
self.viewModel = viewModel
}
var body: some View {
ZStack {
if self.selected == 0 {
// viewModel.feedView
Stylist()
}
else if self.selected == 1 {
OutfitView()
}
else if self.selected == 2 {
viewModel.closetView
} else {
Calendar()
}
VStack {
Spacer()
TabBar(selected: self.$selected)
.frame(width: UIScreen.main.bounds.width - 20, alignment: .center)
}
}
}
Here is the TabBar component:这是 TabBar 组件:
var body : some View{
HStack{
Spacer(minLength: 0)
HStack{
Button(action: {
self.selected = 0
}) {
Image(systemName: "bolt.fill").foregroundColor(self.selected == 0 ? Color("GradientMiddle") : .gray).padding(.horizontal).font(.system(size: 20))
}
Spacer(minLength: 15)
Button(action: {
self.selected = 1
}) {
Image(systemName: "sun.min.fill").foregroundColor(self.selected == 1 ? Color("GradientMiddle") : .gray).padding(.horizontal).font(.system(size: 20))
}
Spacer(minLength: 15)
Button(action: {
self.selected = 2
}) {
Image(systemName: "cube.box.fill").foregroundColor(self.selected == 2 ? Color("GradientMiddle") : .gray).padding(.horizontal).font(.system(size: 20))
}
Spacer(minLength: 15)
Button(action: {
self.selected = 4
}) {
Image(systemName: "calendar").foregroundColor(self.selected == 4 ? Color("GradientMiddle") : .gray).padding(.horizontal).font(.system(size: 20))
}
}.padding(.vertical, 20)
.padding(.horizontal)
.background(Color(UIColor.systemGray5))
.clipShape(Capsule())
.padding(42)
.animation(.interactiveSpring(response: 0.6, dampingFraction: 0.6, blendDuration: 0.6))
}
}
Is there an way to that properly?有没有办法正确地做到这一点?
Update: When I try @Asperi solution I have an error:更新:当我尝试@Asperi 解决方案时出现错误:
Value of type 'some View' has no member 'observingNavigate'
Maybe that could be caused by how I create closetView?也许这可能是由我创建 closetView 的方式引起的? So here is how I create ClosetView: HomeViewModel.swift:所以这就是我创建 ClosetView 的方式:HomeViewModel.swift:
class HomeViewModel: ObservableObject {
}
extension HomeViewModel {
var closetView: some View {
return HomeBuilder.makeClosetView()
}
}
HomeBuilder.swift: HomeBuilder.swift:
enum HomeBuilder {
static func makeClosetView() -> some View {
let viewModel = ClosetViewModel()
return Closet(viewModel: viewModel)
}
}
You need a callback from your Closet view so root view can perform some action.您需要从壁橱视图中进行回调,以便根视图可以执行某些操作。 Here is a demo of possible solution.这是可能的解决方案的演示。
Let's assume we have the following demo ClosetView
假设我们有以下演示ClosetView
struct ClosetView: View {
var didNavigate: ((Bool) -> Void)?
var body: some View {
NavigationView {
NavigationLink("Link", destination:
Text("Demo")
.onAppear { didNavigate?(true) }
.onDisappear { didNavigate?(false) }
)
}
}
func observingNavigate(callback: @escaping ((Bool) -> Void)) -> some View {
var view = self
view.didNavigate = callback
return view
}
}
then changes in Home
will be the following那么Home
的变化如下
@State private var showTabbar = true // << state !!
var body: some View {
ZStack {
if self.selected == 0 {
// viewModel.feedView
Stylist()
}
else if self.selected == 1 {
OutfitView()
}
else if self.selected == 2 {
viewModel.closetView
.observingNavigate { self.showTabbar = !$0 } // << here !!
} else {
Calendar()
}
VStack {
Spacer()
if showTabbar { // << here !!
TabBar(selected: self.$selected)
.frame(width: UIScreen.main.bounds.width - 20, alignment: .center)
}
}
}
}
Note: I don't see how you create viewModel.closetView
so callback is injected as property, however it can also be injected via constructor arguments, but this does not change idea much.注意:我不知道你是如何创建viewModel.closetView
的,所以回调是作为属性注入的,但是它也可以通过构造函数 arguments 注入,但这并没有改变太多想法。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.