Ios NavigationLink 只能在文本部分点击

发布于05月02日

我有一个导航链接:

NavigationLink("Login") {
                        WelcomeView()
                    }.foregroundColor(.white).frame(width:300, height: 50).background(Color.blue).cornerRadius(10).padding().disabled(authenticateUser())

它看起来像这样:

问题是，只有当用户直接点击单词"Login"时，导航才会发生.如果用户点击文本之外的蓝色区域，则不会出现导航，也不会发生任何事情.

如何修改NavigationLink，以便用户可以点击其框架内的任何位置以导航到链接的In视图？

推荐答案

目前，您正在设置NavigationLink的背景样式，但只有文本可点击.相反，要利用NavigationLink.init(destination: (), label: ().下面是一个使用您所做的操作的示例，但允许单击整个按钮:

NavigationLink {
                //Your destination here
                WelcomeView()
            } label: {
                ZStack{
                    RoundedRectangle(cornerRadius: 10)
                        .foregroundColor(.blue)
                    Text("Login")
                        .foregroundColor(.white)
                }
            }.frame(width: 300, height: 50)
            .padding().disabled(authenticateUser())

Also, somewhat off topic but I might have the disabled be based on the result of a ViewModel that you call at the start in an @Published variable - using .onAppear and checking then. That would make it so you could update it if necessary. Here's a video of the behavior now: