解决SwiftUI NavigationLink isActive无效的问题

今天在做一个搜索页面,如图所示:
在这里插入图片描述
右上角时钟按钮点进去是历史搜索词:
在这里插入图片描述
我原本打算直接在navigationBarItems中使用NavigationLink 跳转,点击其中一个历史搜索词后自动返回并替换搜索框内容:

.navigationBarItems(trailing:
  HStack{
      if(historys.count > 0){
          NavigationLink(destination: historyPanel,isActive:$showHistory) {
              Label("", systemImage: "clock.arrow.circlepath")
              }
      }
      NavigationLink(destination: ScanQR(targetCollection: $targetCollection, targetTodo: $targetTodo, isCollection: $isCollection, isTodo: $isTodo)) {
          Image(systemName: "qrcode.viewfinder").font(.title3)
  }
})
var historyPanel: some View{
    List{
        ForEach(historys,id:\.self){ history in
            Button(action: {pickHistory(history: history)}) {
                Text(history)
                    .padding(6)
            }
        }
    }
    .navigationBarTitle("History")
    .navigationBarItems(trailing:
                            Button(action: ClearHistory) {
                                Text("Clear")
                            }
    )
}
    
func pickHistory(history:String) {
    searchStr = history
    refresh()
    showHistory = false
}

但是点击后虽然搜索框的内容被替换了,isActive 所引用的Bool值也是false的, 但是没有自动返回。
查阅网友经验后无果,于是我尝试使用0高度隐藏NavigationLink + Button触发的方式:

在任意某个地方放入0高度NavigationLink:

NavigationLink(destination: historyPanel,isActive:$showHistory) {
                        Label("", systemImage: "clock.arrow.circlepath")
                    }.frame(height:0)

然后将navigationBarItems中的内容替换如下:

HStack{
      if(historys.count > 0){
          Button(action: {showHistory.toggle()}) {
              Label("", systemImage: "clock.arrow.circlepath")
          }
      }
      NavigationLink(destination: ScanQR(targetCollection: $targetCollection, targetTodo: $targetTodo, isCollection: $isCollection, isTodo: $isTodo)) {
          Image(systemName: "qrcode.viewfinder").font(.title3)
  }
}

这时候成功触发了返回,我猜测应该是NavigationLink 直接点击的话,系统会忽略 isActive 属性,导致变量无效,如果全程使用变量控制,就能够触发了。

【课程特点】1、231节大容量课程:包含了SwiftUI的大部分知识点,详细讲解SwiftUI的方方面面;2、15个超级精彩的实例:包含美食、理财、健身、教育、电子商务等各行业的App实例;3、创新的教学模式:手把手教您SwiftUI用户界面开发技术,一看就懂,一学就会;4、贴心的操作提示:让您的眼睛始终处于操作的焦点位置,不用再满屏找光标;5、语言简洁精练:瞄准问题的核心所在,减少对思维的干扰,并节省您宝贵的时间;6、视频短小精悍:即方便于您的学习和记忆,也方便日后对功能的检索;7、齐全的学习资料:提供所有课程的源码,在Xcode 11 + iOS 13环境下测试通过; 更好的应用,更少的代码!SwiftUI是苹果主推的下一代用户界面搭建技术,具有声明式语法、实时生成界面预览等特性,可以为苹果手机、苹果平板、苹果电脑、苹果电视、苹果手表五个平台搭建统一的用户界面。SwiftUI是一种创新、简单的iOS开发中的界面布局方案,可以通过Swift语言的强大功能,在所有的Apple平台上快速构建用户界面。 仅使用一组工具和API为任何Apple设备构建用户界面。SwiftUI具有易于阅读和自然编写的声明式Swift语法,可与新的Xcode设计工具无缝协作,使您的代码和设计**同步。自动支持动态类型、暗黑模式、本地化和可访问性,意味着您的**行SwiftUI代码已经是您编写过的非常强大的UI代码了。 
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值