当前位置：首页 > news >正文

SwiftUI 中 Grid 内多个 NavigationLink 同时发生导航之诡异问题的解决

news 2025/9/14 21:14:48

在这里插入图片描述

问题现象

不知小伙伴们发现了没有？在 SwiftUI 中如果有多个 NavigationLink 视图嵌入在 Grid（包括 LazyVGrid 和 LazyHGrid）容器中，点击其中任意一个 NavigationLink 都会导致所有导航一起发生。

在这里插入图片描述

如上图所示，点击 Grid 中任何一个 NavigationLink，所有 NavigationLink 都会一起“走你”，这可不是我们想要的结果。

在本篇博文中，您将学到以下内容

问题现象
1. 明察秋毫：探寻问题现象
2. 你想不到的解决之道
3. 暗度陈仓：另一种解决方案
总结
结束语

这个问题在最新的 iOS 18 中仍然存在。想知道如何解决么？其实超乎寻常的简单！

那还等什么呢？Let’s fix it！！！😉

1. 明察秋毫：探寻问题现象

从演示图中可以看到，当我们点击 Grid 中任何单个导航链接（NavigationLink）时，看起来貌似整个 Grid 都被点击了。这就会造成 Grid 中所有的 NavigationLink 同时发生导航跳转。

从下图可以看到，当我们点击任何独立的 NavigationLink 时，整个 Grid 看起来都被选中了，甚至当我们点击 Grid 中空白处时仍然会发生导航行为：<

SwiftUI 中 Grid 内多个 NavigationLink 同时发生导航之诡异问题的解决

问题现象不知小伙伴们发现了没有？在 SwiftUI 中如果有多个 NavigationLink 视图嵌入在 Grid（包括 LazyVGrid 和 LazyHGrid）容器中，点击其中任意一个 NavigationLink 都会导致所有导航一起发生。如上图所示，点击 Grid 中任何一个 NavigationLink，所有 NavigationLink 都…...

编程日记 2024/7/3 15:49:11

51单片机第21步_将TIM0用作两个8位定时器同时将TIM1用作波特率发生器

本章重点讲解将TIM0用作两个8位定时器，同时将TIM1用作波特率发生器。当定时器T0在方式3时，T1不能产生中断，但可以正常工作在方式0、1、2下，大多数情况下，T1将用作串口的波特率发生器。 1、定时器0工作在模式3框图&a…...

编程日记 2024/7/3 15:48:10

API-元素尺寸与位置

学习目标： 掌握元素尺寸与位置学习内容： 元素尺寸与位置仿京东固定导航栏案例实现bilibili点击小滑块移动效果元素尺寸与位置： 使用场景： 前面案例滚动多少距离，都是我们自己算的，最好是页面滚动到某个…...

编程日记 2024/7/3 15:47:08

C语言中的基础指针操作

在C语言中，指针是一个非常重要的概念，它提供了直接访问内存地址的能力。指针变量用于存储内存地址，而不是数据值，在某种意义上和门牌号具有相似含义：指针是一个变量，其存储的是另一个变量的内存地址&#x…...

编程日记 2024/7/3 15:44:05

LabVIEW环境下OCR文字识别的实现策略与挑战解析

引言在自动化测试领域，OCR（Optical Character Recognition，光学字符识别）技术扮演着重要角色，它能够将图像中的文字转换成机器可编辑的格式。对于使用LabVIEW约5个月，主要进行仪器控制与数据采集的你而言…...

编程日记 2024/7/3 15:43:03

中英双语介绍美国的州：堪萨斯州（Kansas）

中文版堪萨斯州简介堪萨斯州（Kansas）位于美国中部，以其广阔的平原、丰富的农业资源和多样的文化遗产而著称。以下是对堪萨斯州的详细介绍，包括其地理位置、人口、经济、教育、文化和主要城市。地理位置堪萨斯州位于美国中…...

编程日记 2024/7/3 15:42:02

信息收集---端口服务信息收集

1. 什么是端口是设备与外界通讯交流的出口。端口可分为虚拟端口和物理端口，其中虚拟端口指计算机内部或交换机路由器内的端口，不可见。例如计算机中的80端口、21端口、23端口等。物理端口又称为接口，是可见端口，计算机背板的RJ45…...

编程日记 2024/7/3 15:36:56

Python知识点背诵手册，超详细知识梳理

一、手册介绍《Python知识点背诵手册》是一份详尽的Python学习资料，旨在帮助学习者系统地掌握Python语言的基础知识和进阶技能。该手册将Python的所有关键语法和概念进行了精炼的总结，并以易于理解和记忆的方式呈现。以下是手册的主要特点和内容概述&a…...

编程日记 2024/7/3 15:35:55

【Pytorch实用教程】如何在多个GPU上使用分布式数据并行进行训练模型

文章目录 1. 代码（可直接运行，含随机生成的训练数据）2. 代码的详细解释2.1. 导入必要的库和模块2.2. 设置每个进程的初始设置2.3. 随机生成数据集类 `RandomDataset`2.4. 训练函数 `train`1. 代码（可直接运行，含随机生成的训练数据）以下是一个基于PyTorch的多GPU分布式…...

编程日记 2024/7/3 15:33:51

PIL,OpenCV,Pytorch处理图像时的通道顺序(颜色,长宽深)

项目颜色通道顺序长宽通道顺序数据类型取值范围PILRGBHWCndarray0-255 (byte)OpenCVBGRHWCndarray0-255 (byte)PyTorchRGB/BGR (取决于如何读取)(N)CHWtensor0-1 (float, 标准化后); 0-255 (int, 未标准化) 注意以下几点： 颜色通道顺序：PIL默认使用RGB顺…...

编程日记 2024/7/3 15:32:50

经纬恒润亮相2024世界智能产业博览会

近日，以“智行天下能动未来”为主题的2024世界智能产业博览会（以下简称“智博会”）在国家会展中心（天津）成功举办。本次智博会上，经纬恒润自主研发的汽车电子产品联合天津（西青）国家…...

编程日记 2024/7/3 15:29:46

Python序列化和反序列化

一.序列化和反序列化在Python中，序列化（Serialization）和反序列化（Deserialization）是处理对象数据的过程，主要用于对象的存储或网络传输。序列化（Serialization） 序列化是将Pyth…...

编程日记 2024/7/3 15:28:45

toArray 比collect 更好用，这样就不需要判断Null。 if(_user.getUserRole()!null) {_user.setRole(_roleList.stream().filter(_e->_e.getRoleId()_user.getUserRole()).toArray(Role[]::new)[0]); } if(_user.getUserRole()!null) {_user.setRole(_roleList.s…...

编程日记 2024/7/3 15:27:44

qt/c++/mysql教务管理系统

简介 qt/c/mysql教务管理系统学生端，教师端，管理员端演示 qt/c/mysql教务管理系统源码获取 printf("白嫖勿扰,需要的加v%s","ywj17347418171");...

编程日记 2024/7/3 15:26:43

Echarts公共方法

Vue引入Echarts install 1.安装Echartsnpm install echarts --save 2.项目全局引入形式--#main.js 全局引入形式import * as echarts from "echarts"Vue.prototype.$echarts echarts 公共方法JS /*** author: wangjie* description: 通用echarts图表封装* date: …...

编程日记 2024/7/3 15:25:42

鸿蒙学习（二）

文章目录 1、弹窗2、走马灯（实现轮播图效果）3、注解6、多选框、单选框7、Stack8、TextTimer9、DatePicker 1、弹窗显示提示信息或者用于用户交互导入模块 prompt 接口 showToast:显示toast showDialog:显示对话框 showContextMenu:显示上下文菜单 sh…...

编程日记 2024/7/3 15:24:41

企业机构营销目前106短信群发还有用吗？此文告诉你该如何抉择！

在当今竞争激烈的企业营销环境中，106短信群发平台依然是众多企业机构青睐的营销工具之一。尽管互联网技术的发展带来了多样化的沟通方式，但106短信群发凭借其直达性强、成本低廉、覆盖广泛等优势，仍然保持着不错的营销效果。然而，…...

编程日记 2024/7/3 15:23:39

DJYGUI AI低代码图形编程开发平台：开启嵌入式软件图形编程新纪元

在科技高速发展的当今时代，软件开发行业对创新和高效的需求日益增长。DJYGUI AI低代码图形编程开发平台的出现，为智能屏、物联屏、串口屏等嵌入式显示设备领域带来了全新的机遇。该平台由都江堰操作系统 AI 代码自动生成平台研发，具有显著的优…...

编程日记 2024/7/3 15:21:36

为什么不能在foreach中删除元素

文章目录快速失败机制（fail-fast）for-each删除元素为什么报错原因分析逻辑分析如何正确的删除元素remove 后 breakfor 循环使用 Iterator 总结快速失败机制（fail-fast） In systems design, a fail-fast system is one which i…...

编程日记 2024/7/3 15:20:34

python学习-tuple及str

为什么需要元组定义元组元组的相关操作元组的相关操作 - 注意事项元组的特点字符串字符串的下标（索引） 同元组一样，字符串是一个：无法修改的数据容器。如果必须要修改字符串，只能得到一个新的字符串&#xff…...

编程日记 2024/7/3 15:19:33

day52 ResNet18 CBAM

在深度学习的旅程中，我们不断探索如何提升模型的性能。今天，我将分享我在 ResNet18 模型中插入 CBAM（Convolutional Block Attention Module）模块，并采用分阶段微调策略的实践过程。通过这个过程，我不仅提升…...

编程新知 2025/9/14 16:40:54

质量体系的重要

质量体系是为确保产品、服务或过程质量满足规定要求，由相互关联的要素构成的有机整体。其核心内容可归纳为以下五个方面： 🏛️ 一、组织架构与职责质量体系明确组织内各部门、岗位的职责与权限，形成层级清晰的管理网络&#xf…...

编程新知 2025/8/3 5:51:09

OkHttp 中实现断点续传 demo

在 OkHttp 中实现断点续传主要通过以下步骤完成，核心是利用 HTTP 协议的 Range 请求头指定下载范围： 实现原理 Range 请求头：向服务器请求文件的特定字节范围（如 Range: bytes1024-） 本地文件记录：保存已…...

编程新知 2025/8/9 2:59:35

使用van-uploader 的UI组件，结合vue2如何实现图片上传组件的封装

以下是基于 vant-ui（适配 Vue2 版本 ）实现截图中照片上传预览、删除功能，并封装成可复用组件的完整代码，包含样式和逻辑实现，可直接在 Vue2 项目中使用： 1. 封装的图片上传组件 ImageUploader.vue <te…...

编程新知 2025/8/22 7:03:09

3-11单元格区域边界定位(End属性)学习笔记

返回一个Range 对象，只读。该对象代表包含源区域的区域上端下端左端右端的最后一个单元格。等同于按键 End 向上键(End(xlUp))、End向下键(End(xlDown))、End向左键(End(xlToLeft)End向右键(End(xlToRight)) 注意：它移动的位置必须是相连的有内容的单元格…...

编程新知 2025/9/7 8:51:17