IT数码 购物 网址 头条 软件 日历 阅读 图书馆
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放器↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁
 
   -> 移动开发 -> 解决SwiftUI NavigationLink isActive无效的问题 -> 正文阅读

[移动开发]解决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 属性,导致变量无效,如果全程使用变量控制,就能够触发了。

  移动开发 最新文章
Vue3装载axios和element-ui
android adb cmd
【xcode】Xcode常用快捷键与技巧
Android开发中的线程池使用
Java 和 Android 的 Base64
Android 测试文字编码格式
微信小程序支付
安卓权限记录
知乎之自动养号
【Android Jetpack】DataStore
上一篇文章      下一篇文章      查看所有文章
加:2021-10-07 13:57:32  更:2021-10-07 13:58:52 
 
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁

360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年11日历 -2024/11/24 0:06:08-

图片自动播放器
↓图片自动播放器↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT数码