SwiftUI段视图(Section)隐藏底部Footer在iOS14和15.3中不同行为的解决

最新推荐文章于 2025-02-24 17:50:54 发布
最新推荐文章于 2025-02-24 17:50:54 发布
阅读量733 收藏 1
点赞数 1
分类专栏： 开发疑难秒懂百科 文章标签： swiftui List 多选 Section Footer
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/mydo/article/details/123268611
版权
在SwiftUI中，当List启用多选模式时，iOS 14系统会出现Section底部Footer可选的兼容性问题。本文分析了问题原因，并提供了解决方案：使用条件动态视图，通过三元操作符在多选模式下用空视图替换Footer，成功避免了在iOS 14中Footer被选择的情况。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

在这里插入图片描述



问题现象

在SwiftUI 2.0+中，Apple为List增加了多选模式，我可以动态开启List的编辑模式以激活多选状态，但当List中包含Section且Section拥有Footer时，Section底部的Footer也会可以被选择：

在这里插入图片描述

如上所示，iOS 14中在List激活多选模式时，Section底部的Footer竟然也可以被选择，这可不是我们想要的结果！

这个问题在iOS 15.3中并不存在。

那么，在iOS 14中如何解决这个问题呢？

其实做一个小小的改动即可，想知道如何实现么？

还等什么？Let‘s find out!


问题分析

1. 又一个iOS系统兼容性问题<

了解本专栏 订阅专栏 解锁全文
第3章第23节：使用Section对表单进行分组 [SwiftUI快速入门到实战]
互动教程网[www.hdjc8.com]
09-04 351
您在本章的第13节使用Section视图，对数据较多的List视图进行分组。当表单里的选项较多时，同样可以使用Section对表单进行分组。 按下键盘上的回车键，将光标下移一行。 您将通过库窗口，在光标位置插入Section视图。点击此处的加号图标，打开库窗口。 点击右侧的垂直滚动条，查看列表下方的选项。 双击此处的Section选项，在光标位置插入一个Section视图。 按下键盘上的删除键，删除Section代码块里的占位符。 点击右侧的垂直滚动条，查看编辑器下方..
iOS 15.3+ SwiftUI的Form视图中嵌入List及Button若干诡异行为的解决
享受开发，颠倒银河
03-08 572
在iOS 15.3+系统中嵌入Form中的List和Button在一定条件下会有兼容性问题，我们如何规避它们呢？Let's find out!
SwiftUI初级课程（二十八） section分组 children嵌套
qyw2013的专栏
01-03 336
【代码】SwiftUI初级课程（二十八） section分组 children嵌套。
Section （SwiftUI中文文档手册）
iCloudEnd的博客
08-13 698
Section 创建分层视图内容的能力。 struct Section<Parent, Content, Footer> 实战代码 Section( header: Text("\(categoryName)") ) { ForEach(devicesArray, id: \.self) { name in Text("\(name)")
SwiftUI:List & Section
hhbgk的专栏
08-26 865
import SwiftUI struct ContentView: View { var body: some View { List { Section(header: Text("Header")) { Text("Hello") Text("World") } Section(header: Text("H
SwiftUI 6.0（iOS 18）将 Sections 也考虑进自定义容器子视图布局（下）
享受开发，颠倒银河
10-14 1152
在本篇博文中，我们介绍了 SwiftUI 6.0（iOS 18）如何让自定义容器支持 Sections 布局，超简单的哦！
SwiftUI 5.0（iOS 17.0，macOS 14.0+）新 Inspector 辅助视图之趣味漫谈
享受开发，颠倒银河
05-03 1871
在本篇博文中，我们讨论了 SwiftUI 5.0（iOS 17.0+，macOS 14.0+ Mac Catalyst 17.0+）中新 Inspector 的驾驭之道，并进一步讨论了不同平台中 Inspector 表现的细微差别，最后我们为 Inspector 添加了物理快捷键让其弹出更加的巧捷万端。
iOS 16 中 SwiftUI 防止弹出的 sheet 视图被下滑关闭（dismiss）的新解决方案
享受开发，颠倒银河
10-01 1292
在本篇博文中，我讨论了如何在任意 SwiftUI 版本（iOS 13+）中禁止用户下滑关闭弹出的 sheet 视图，新的解决方案异乎寻常的简单。
SwiftUI 6.0（iOS 18）监听滚动视图视口中子视图可见性的极简方法
享受开发，颠倒银河
08-19 1407
在本篇博文中，我们讨论了 SwiftUI 6.0（iOS 18）中监听滚动视图视口（Viewport）中子视图滚动可见性的新方法，并给出示例代码。
Sheet弹出视图在SwiftUI中“怪异”行为的解决(第一次弹出视图的可选属性总得到nil值)
享受开发，颠倒银河
03-21 2891
SwiftUI 3.0中，在sheet中弹出包含nil属性的子视图时传递的是非nil值，但第一次子视图中获取的却是nil值；但随后传递非nil值的操作，子视图的行为都正常。且看我们如何解决。
使用Section对表单进行分组（Swift）
YUELJe的博客
09-23 135
在Swift中，我们经常需要创建和处理表单。为了更好地组织和呈现表单内容，我们可以使用Section对表单进行分组。Section是一种将相关字段和功能组织在一起的方式，可以提高表单的可读性和可维护性。下面我将为你介绍如何使用Section对表单进行分组，并提供相应的源代码示例。
SwiftUI 2.0 List 调整Section顺序避免自动更新bug(教程含源码)
iCloudEnd的博客
07-22 371
实战需求 SwiftUI 2.0 List 调整Section顺序避免自动更新bug(教程含源码) 本文价值与收获 看完本文后，您将能够作出下面的界面 看完本文您将掌握的技能 创建viewmodel管理section 制作sheet为用户提供选择界面 通过state控制显示 代码 class ViewModel: ObservableObject { @Published var sections = ["S1", "S2", "S3", "S4"] func move(from
iOS UITableView的Section Footer添加按钮
weixin_33836223的博客
06-10 228
郝萌主倾心贡献，尊重作者的劳动成果，请勿转载。 如果文章对您有所帮助，欢迎给作者捐赠，支持郝萌主，捐赠数额随意，重在心意^_^ 我要捐赠:点击捐赠 Cocos2d-X×××：点我传送 在处理UITableView表格时，我们希望在View底部添加按钮。 用户拖动UITableView时按钮能跟随移动。 如题，实现如下界面...
macOS SwiftUI 教程之 04侧边栏切换显示或隐藏侧边栏视图
iCloudEnd的博客
08-08 1109
可以使用 NSSplitViewController 中的 toggleSidebar () 功能显示或隐藏侧边栏视图。在撰写本文时，SwiftUI 还没有此功能，但希望即将到来的 WWDC 将提供 SwiftUI 解决方案。
SwiftUI嵌入在Form或Section中的视图上下文菜单(contextMenu)无法独立弹出的解决
享受开发，颠倒银河
05-01 771
在本篇博文中，我们先是向大家介绍了SwiftUI上下文菜单在Form或Section容器视图中恰当的行为；接着我们讨论了近乎完美的解决这个问题的方法。
万物皆可长按：SwiftUI 5.0（iOS 17）极简原生实现任意视图长按惯性加速功能
享受开发，颠倒银河
07-10 3715
在本篇博文中，我们讨论了 SwiftUI 5.0（iOS 17）中如何仅使用一行代码就搞定任意视图的长按惯性加速功能，并介绍了 SwiftUI 5.0 中形状（Shape）新的渲染机制。
SwiftUI（二十二）- SwiftUI 实现多页面应用 TabView和自定义底部导航
最新发布
weixin_39339407的博客
02-24 1851
TabView 是SwiftUI中用于创建底部导航栏的容器视图，它允许我们在多个视图之间切换，并提供了一种非常简答的方式来管理不同的页面。与UIKit中的UITabBarController类似，TabView可以帮助开发者快速构建多页面应用的基础架构。TabView的语法非常简单，使用.tabItem() 修饰符即可实现页面切换和TabBar的管理，不需要编写复杂的控制器逻辑。TabView会自动处理选中和取消状态，我们只需要关注每个tab中药显示的内容。
SwiftUI中Section视图里的文本全部变成大写显示的解决
享受开发，颠倒银河
02-28 1038
iOS 14.0+中，某些情况下SwiftUI放在Section视图里的文本通通都变为了大写显示，这是怎么回事？让我们来解决它吧！
SwiftUI放在Section中的进度条(ProgressView)首次刷新时不显示的解决
享受开发，颠倒银河
05-19 822
在本篇博文中，我们先是演示了SwiftUI中Section容器内部进度条首次无法显示的问题，接着我们进一步深入探寻，最后找到了解决方案，圆满的修复了这个问题。
SwiftUI 2.0 解决tabbar自定义隐藏显示的最佳方案(教程含源码)
iCloudEnd的博客
07-12 1566
如何显示和隐藏tabbar是开发者最常见的实际需求，本文将给大家带来一个全自定义的解决方案 本文价值与收获 看完本文后，您将能够作出下面的界面 看完本文您将掌握的技能 按钮控制显示或隐藏Tabbar 定时器控制3秒后关闭Tabbar Navigation导航界面隐藏Tabbar UIKit的解决方案 1、定义全局变量办法，方便其他界面调用 let vk = UIKitTabView([ UIKitTabView.Tab(view: Tab01(), title: "Home", .
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

大熊猫侯佩

赏点钱让我买杯可乐好吗 ;)

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值