首页 > 解决方案 > 菜单栏顶部的黑条,如何解决此样式问题?

问题描述

我的底部菜单似乎附有一个黑条,我不确定这是从哪里来的,或者如何解决它。有人可以指出我如何去除这个细黑条的正确方向。滚动时很烦人,因为它隐藏了上面的一些列表。

任何帮助将不胜感激。

黑条

   struct ContentView: View {
        
        @StateObject var viewRouter: ViewRouter
        
        @State var showPopUp = false
        
        var body: some View {
            GeometryReader { geometry in
                VStack {
    //                Spacer()
                    switch viewRouter.currentPage {
                    case .home: HomeView()
                    case .popular: PopularView()
                    case .stats: StatsView()
                    case .user: UserView()
                    }
    //                Spacer()
                    ZStack {
    //                    if showPopUp {
    //                        PlusMenu(widthAndHeight: geometry.size.width/7)
    //                            .offset(y: -geometry.size.height/6)
    //                    }
                        HStack {
                            TabBarIcon(viewRouter: viewRouter, assignedPage: .home, width: geometry.size.width/4, height: geometry.size.height/40, systemIconName: "house")
                            TabBarIcon(viewRouter: viewRouter, assignedPage: .popular, width: geometry.size.width/4, height: geometry.size.height/40, systemIconName: "heart")
    //                        ZStack {
    //                            Circle()
    //                                .foregroundColor(.white)
    //                                .frame(width: geometry.size.width/7, height: geometry.size.width/7)
    //                                .shadow(radius: 4)
    //                            Image(systemName: "dollarsign.circle.fill")
    //                                .resizable()
    //                                .aspectRatio(contentMode: .fit)
    //                                .frame(width: geometry.size.width/7-6 , height: geometry.size.width/7-6)
    //                                .foregroundColor(Color(.green))
    ////                                .rotationEffect(Angle(degrees: showPopUp ? 90 : 0))
    //                        }
    //                            .offset(y: -geometry.size.height/8/2)
    //                            .onTapGesture {
    //                                withAnimation {
    ////                                    showPopUp.toggle()
    //                                }
    //                            }
                            TabBarIcon(viewRouter: viewRouter, assignedPage: .stats, width: geometry.size.width/4, height: geometry.size.height/40, systemIconName: "chart.pie")
                            TabBarIcon(viewRouter: viewRouter, assignedPage: .user, width: geometry.size.width/4, height: geometry.size.height/40, systemIconName: "person.crop.circle")
                        }
                            .frame(width: geometry.size.width, height: geometry.size.height/10)
                            .background(Color.sshDarkRed)
                    }
                }
                    .edgesIgnoringSafeArea(.bottom)
            }
        }
    }

标签: swiftui

解决方案


推荐阅读