自定义导航栏的按钮不起作用 (SwiftUI)

时间:2021-07-20 08:28:19

标签: swiftui uinavigationbar navigationbar swiftui-navigationlink

我目前正在学习 SwiftUI,并按照此视频创建了自定义导航栏。

Learn how to create a custom navigation bar with a logo in SwiftUI framework and Xcode - Part 2

单击按钮时按钮不起作用,除非我不使用 padding() 和 ignoreSafeArea(),但如果不使用它,导航栏将出现在页面中间。 (我也试过使用 Spacer() 但没用)

有没有办法解决这个问题?

HomePage() 代码


 VStack{
    NavigationBarView()
      .padding(.horizontal, 15)
      .padding(.bottom)
      .padding(.top, UIApplication.shared.windows.first?.safeAreaInsets.top)
      .shadow(color: Color.black.opacity(0.1), radius: 5, x: 0, y: 5)
      .ignoresSafeArea(.all, edges: .top)

NavigationBarView() 的代码


HStack{
                
  NavigationLink(
    destination: PersonalMenuPage()
    ,label: {
      ZStack {
        Image("Profile")
          .renderingMode(.original)
          .resizable()
          .aspectRatio(contentMode: .fit)
          .frame(width: 40, height: 40)
          .padding(.horizontal, 10)
                            
          Circle()
          .fill(Color.red)
          .frame(width:14, height: 14, alignment: .center)
          .offset(x: 13, y: -10)
          }
         }
      )
 }//: hStack

这是示例输出 Sample output

0 个答案:

没有答案