swiftui - 菜单栏顶部的黑条,如何解决此样式问题?
问题描述
我的底部菜单似乎附有一个黑条,我不确定这是从哪里来的,或者如何解决它。有人可以指出我如何去除这个细黑条的正确方向。滚动时很烦人,因为它隐藏了上面的一些列表。
任何帮助将不胜感激。
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)
}
}
}
解决方案
推荐阅读
- python - 通过 \n 分隔符拆分 df 列
- vue.js - vuejs 子组件中的发出选项不起作用
- python - 如何在熊猫数据框中弹出嵌套列表
- amazon-web-services - Terraform 中的循环依赖(API Gateway json 源 + Cognito)
- javascript - React JS 错误 - 期待“CALC”,............“dimension”,“number”,输入意外结束 CompileError:开始于 CSS 选择器未定义
- sql - 按 SQL 中新创建的列分组
- python - 从用户定义的函数返回字典而不是元组的替代方法
- r - VerbatimTextOutput() 隐藏时可防止其余主体对象显示在闪亮的应用程序中
- python - 当所有表达式都在 regex101.com 上工作时,Python 正则表达式不工作,当试图打开 8 " W -> 8"W 和 8 "otherword -> 8" otherword
- python - cv2 帧到视频字节数据,用于流光 st.video