SwiftUI-按钮在视图的左上方不起作用

时间:2020-03-26 13:21:15

标签: animation button menu swiftui geometryreader

我是SwiftUI的新手,我的“汉堡包”菜单出现问题。

基本上,我已经为主页创建了2个视图:“主页”视图和“主页侧面菜单”视图。

我的主要目标是将“汉堡”按钮放在视图的左上方,并在单击时打开侧面菜单。 但是,当我使用.edgesIgnoringSafeArea(.top)并将“汉堡”按钮放在视图的左上方时,该按钮不会打开菜单。 相反,如果我不添加.edgesIgnoringSafeArea(.top),则该按钮将显示在视图的中间,并且在单击菜单时可以正常打开菜单。

请您帮我看看我做错了什么。

谢谢。

主视图

const str = `{"date":"3/25/20","ricoverati_con_sintomi":999,"terapia_intensiva":251,"totale_ospedalizzati":1250,"isolamento_domiciliare":1526,"totale_attualmente_positivi":2776,"nuovi_attualmente_positivi":257,"dimessi_guariti":54,"deceduti":142,"totale_casi":2972,"tamponi":17868} | ,{"date":"3/25/20","ricoverati_con_sintomi":82,"terapia_intensiva":19,"totale_ospedalizzati":101,"isolamento_domiciliare":311,"totale_attualmente_positivi":412,"nuovi_attualmente_positivi":17,"dimessi_guariti":12,"deceduti":18,"totale_casi":442,"tamponi":3019} | " }`
   .replace(/\|/g,"").replace(/ " }/,"")

console.log(JSON.parse("["+str+"]"))

“主页”侧面菜单视图

import SwiftUI
    struct HomeView: View {      
       var body: some View {
           NavigationView{
              ScrollView{
                VStack(alignment: .center) {
                    Text("Home")
                        .font(.system(size: 22))
                        .fontWeight(.bold)
                        .foregroundColor(.white)
                        .padding(.top, 20)
                        .padding(.bottom, 20)

                }
                .frame(width: UIScreen.main.bounds.width, height: 80)
                .background(Color.blue)

                Image("image")
                    .resizable()
                    .aspectRatio(contentMode: .fit)
                    .edgesIgnoringSafeArea(.all)
             }
             .edgesIgnoringSafeArea(.top)
         }
         .navigationBarBackButtonHidden(true)
    }
}

1 个答案:

答案 0 :(得分:1)

我遇到了同样的问题,我猜前100px保留给了NavigationBar,只需添加

.navigationBarTitle("")
.navigationBarHidden(true)

到您的视图容器(NavigationView的第一个子代)。 希望对您有帮助