开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

为什么我的SwiftUI列表中填充了4次相同的项目，而不是全部4个项目？

SwiftUI是苹果公司推出的一种用户界面(UI)框架，用于开发iOS、macOS、watchOS和tvOS应用程序。在SwiftUI中，列表(List)是一种常用的视图容器，用于显示一系列的项目。

如果您的SwiftUI列表中填充了4次相同的项目，而不是全部4个项目，可能是由于以下原因之一：

数据源问题：请确保您提供给列表的数据源中包含了4个不同的项目。如果数据源中只有一个项目，那么列表会根据数据源的数量进行重复填充。
视图重用：SwiftUI的列表使用视图重用机制，以提高性能和内存效率。当列表滚动时，列表会重用之前滚出屏幕的项目，并填充新的项目。如果您的项目视图没有正确实现重用，可能会导致重复填充相同的项目。您可以尝试在项目视图中使用id属性来唯一标识每个项目，以确保正确的重用。
布局问题：如果您的项目视图在布局上存在问题，可能会导致列表显示异常。请确保您的项目视图的布局设置正确，并且没有重叠或覆盖的部分。

综上所述，如果您的SwiftUI列表中填充了4次相同的项目，而不是全部4个项目，建议您检查数据源、视图重用和布局等方面的问题，以确定并解决导致此问题的原因。

腾讯云相关产品和产品介绍链接地址：

腾讯云官网：https://cloud.tencent.com/
云服务器（CVM）：https://cloud.tencent.com/product/cvm
云数据库 MySQL 版：https://cloud.tencent.com/product/cdb_mysql
云原生应用引擎 TKE：https://cloud.tencent.com/product/tke
人工智能平台（AI Lab）：https://cloud.tencent.com/product/ai
物联网开发平台（IoT Explorer）：https://cloud.tencent.com/product/iothub
移动应用开发（移动推送）：https://cloud.tencent.com/product/umeng_push
云存储（对象存储）：https://cloud.tencent.com/product/cos
区块链服务（TBaaS）：https://cloud.tencent.com/product/tbaas
腾讯云元宇宙：https://cloud.tencent.com/solution/virtual-universe

相关搜索:为什么我的linq查询要向列表中添加相同的项目，而不是所有项目？为什么我得到的是以前django项目的css而不是当前的django项目？我必须为我的列表中的每个项目绘制每个函数，而不是工作滑块显示列表中的项目，而不是颤动中的数值为什么我的列表中的项目没有保存到JSON？为什么我的索引代码找不到列表中的项目？显示“列表中的项目(随机)”的橙色块在哪里？我迷路了 tornadofx listview正在创建一个额外的null列表片段，而不是列表中的项目为什么在我的list-style-image属性中出现默认项目符号而不是图像？为什么我要列出的数据框列提供了元组，而不是一个简单的列表如何编写2列中的2个项目列表，而不是2个数组？我为待办事项列表中的项目制作的删除按钮只删除最后一个项目，而不删除为其分配的项目 Php页面显示一些奇怪的符号，而不是CSV文件中的项目符号列表？我如何找到所有可能的方法来组合列表中的项目而不重复？为什么我的MSTest项目只在"Debug"d而不是"Run"d的时候捕捉到这个异常？带有coreData的SwiftUI和列表，意外行为，为什么它删除另一行，而不是我选择当我按回我的模式类，并单击我的平面列表中的新项目时，数据与我按下的第一个项目相同当我从搜索栏中删除项目时，为什么Ionic不能更新我的列表？我想要将列表的名称打印或传递到text()字段，但不能(只打印名称而不是项目)为什么我只为列表中的18个项目获取"实体的索引属性太多"错误？(蟒蛇)

相关搜索:

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

SwiftUI 中布局的工作原理

SwiftUI 布局简介 ---- 在这个技术项目中，我们将探讨 SwiftUI 如何处理布局。...在 Project3 为什么 SwiftUI 的修饰符顺序很重要？...中，我向您解释过，当您对视图应用修饰符时，我们实际上会得到一个名为ModifiedContent的新视图类型，它存储了原始视图及其修饰符。...这意味着当我们应用修饰符时，进入层次结构的实际视图是修改后的视图，而不是原始视图。在我们的简单background()示例中，这意味着ContentView中的顶层视图是背景，而内部是文本。...希望现在您可以理解为什么：background() 是布局无关的，所以它通过询问子对象需要多少空间并使用相同的值来确定需要多少空间。

3.8K2 0

自定义 SwiftUI 中符号图像的外观

要在SwiftUI中设置符号图像的首选渲染模式，我们使用 symbolRenderingMode() 修饰符。单色单色是默认的渲染模式。在这种模式下，符号的每一层都是相同的颜色。...设计变体符号可以有不同的设计变体，例如填充和斜杠，以帮助传达特定的状态和操作。斜杠变体可以表示项目或操作不可用，而填充变体可以表示选择。...轮廓变体在工具栏、导航栏和列表中非常有效，而填充变体则用于强调选择的状态。...SwiftUI 项目。...将上述代码粘贴到 ContentView.swift 文件中。运行项目，查看效果。结论在SwiftUI中增强符号图像可以显著改善应用程序的外观和感觉。

1091 0

在 SwiftUI 中实现视图居中的若干种方法

那么 HStack、VStack 会在明确了所有固定尺寸子视图的需求尺寸后，将所剩的可用尺寸（ HStack、VStack 的父视图给他们的建议尺寸 - 固定尺寸子视图的需求尺寸）平均分配（在优先级相同的情况下...另外，由于 Color、Rectangle 会在两个维度进行填充（ Spacer 会根据容器选择填充维度），因此，使用它们作为填充物时，将会自动使用全部的可用空间（包括高度），无需通过 .frame...请阅读 SwiftUI 專欄 #4 Color 不只是顏色[3] ，掌握有关 Color 更多的内容对齐指南上节中，我们通过填充物让 Text 实现了左右居中。...万变不离其宗，掌握了 SwiftUI 的布局原理，无论需求如何变化都可轻松应对。...我为本文这种通过多种方法来解决一个问题的方式添加了【小题大作】标签，目前使用该便签的文章还有：在 Core Data 中查询和使用 count 的若干方法[6]、在 SwiftUI 视图中打开 URL

6.8K4 0

AnyView 对 SwiftUI 性能的影响

如果是 AnyView（基本上是一个包装类型），SwiftUI 将很难确定视图的身份和结构，并且它将重新绘制整个视图，这并不是真正高效的。...正在测试的列表具有不同类型的数据（例如图像、视频、GIF、文本等）。在测试不同实现时执行相同的操作（例如，在内容上滚动三次）。数据以每页 25 个项目的形式获取。...为了更好地理解结果，我们需要深入了解 SwiftUI 的工作原理。在这个关于 SwiftUI 性能的 WWDC 会话中，来自 SwiftUI 团队的 Raj 讨论了列表或表需要提前知道所有标识符。...这意味着，当列表发生更改时，我们实际上重新创建了整个列表。这也解释了为什么 AnyView 实现随着时间的推移变慢 - 每次重绘时都需要从头开始创建更多内容。...总结总而言之，在这些情景中（包含异构视图的可滚动列表），最好为容器中的不同视图使用具体类型。这可能听起来更复杂一些，但实际上你可以使其更简单，而不必过多地处理泛型。

1420 0

Ask Apple 2022 与 SwiftUI 有关的问答（下）

Ask Apple 为开发者与苹果工程师创造了在 WWDC 之外进行直接交流的机会。本文对本次活动中与 SwiftUI 有关的一些问答进行了整理，并添加了一点个人见解。本文为下篇。...Swiftcord[12] 的代码展示了如何在 SwiftUI 下实现倒置列表。阅读优化在 SwiftUI List 中显示大数据集的响应效率[13] 一文，了解苹果工程师推荐的方法。...不支持整个列表填充，请对此提出反馈。...然而，两个内容相同的视图之间的交换并不能使视图顺利地产生动画，因为两者的文本也被动画化了。我正在使用仅禁用 TextField 的替代方法，但有没有办法引导动画以使用文档中的方法？...但这个滚动有两大问题，1、是一个未公开的半成品，有可能会被从 SwiftUI 框架中移除；2、不支持懒加载，即使和 Lazy 视图一起使用也会一次性加载全部的视图。

14.8K3 0

使用 SwiftUI 创建一个灵活的选择器

前言最近，在我正在开发一个在 Dribbble 上找到的设计的 SwiftUI 实现时，我想到了一个点子，可以通过一些酷炫的筛选器扩展该项目以缩小结果列表。...在映射中，我使用 reduce 函数来总结与给定输入值相关联的所有宽度（文本宽度、边框宽度、文本填充和间距）。...这就是为什么我将分隔行的结果映射到元组中，其中包含每行和 UUID 值。由于如此，我可以向 ForEach 循环提供 id 参数。...这就是为什么我首先将整个 ForEach 循环包装在 HStack 中，然后再包装在 Group 中，以确保编译器可以正确解释一切。...然后，详细介绍了实现该选择器的逻辑，包括如何处理选项的布局、宽度和高度，以及如何处理用户与按钮的交互。最后，提供了一个简单的视图实现，可以在 SwiftUI 中使用该选择器。

2972 0

为什么 SwiftUI 的修饰符顺序很重要

我们将在下一章中查看为什么会发生这种情况，但是首先，我想看看这种行为的实际含义。...如果思考一下修饰符的工作原理，您就可以了解为什么会如此：每个修饰符都会创建一个，应用了该修饰符的新结构体，而不是在视图上设置属性。您可以通过查询视图主体的类型来窥视 SwiftUI 的底层。...如您所见，我们使用 ModifiedContent 类型堆叠——每个视图都需要一个视图进行转换以及要进行的实际更改，而不是直接修改视图。这意味着修饰符的顺序很重要。...当然，这不是 SwiftUI 实际上的工作方式，因为如果这样做，那将是性能上的噩梦，但这是学习的时候可以使用的一种简洁的思维捷径。...使用修饰符的一个重要副作用是，我们可以多次应用相同的效果：每个修饰符都会简单地添加到以前的内容中。

2.3K2 0

优化在 SwiftUI List 中显示大数据集的响应效率

本文将通过一个优化列表视图的案例，展现在 SwiftUI 中查找问题、解决问题的思路，其中也会对 SwiftUI 视图的显式标识、@FetchRequest 的动态设置、List 的运作机制等内容有所涉及...在 SwiftUI 视图的生命周期研究[3] 一文中，我对 List 如何对子视图的显示进行优化做了一定的介绍。...标识（ Identity ）是 SwiftUI 在程序的多次更新中识别相同或不同元素的手段，是 SwiftUI 理解你 app 的关键。...标识为随时间推移而变化的视图值提供了一个坚固的锚，它应该是稳定且唯一的。...除非没有其他选择，否则我并不推荐大家对 UIKit ( AppKit ) 控件进行重新包装，应使用尽可能微小的侵入方式对 SwiftUI 的原生控件进行补充和完善。

9.2K2 0

为什么SwiftUI修饰符顺序很重要？

我们将在下一章中查看为什么会发生这种情况，但是首先，我想看看这种行为的实际含义。...如果思考一下修饰符的工作原理，您就可以了解为什么会如此：每个修饰符都会创建一个应用了该修饰符的新结构体，而不是在视图上设置属性。您可以通过查询视图主体的类型来窥视SwiftUI的底层。...如您所见，我们使用ModifiedContent类型堆叠——每个视图都需要一个视图进行转换以及要进行的实际更改，而不是直接修改视图。这意味着修饰符的顺序很重要。...使用修饰符的一个重要副作用是，我们可以多次应用相同的效果：每个修饰符都会简单地添加到以前的内容中。...例如，SwiftUI为我们提供了padding（）修饰符，该修饰符在视图周围添加了一些空间，从而不会将其推到其他视图或屏幕边缘。

2.4K1 0

架构之路（五） —— VIPER架构模式（一）

在此过程中，您还将了解您的iOS项目中的SwiftUI和Combine。打开启动项目。这包括一些代码，让你开始：当你构建其他视图时，ContentView会启动它们。...---- Defining an Entity VIPER是这种架构的一个有趣的缩写，但它的顺序不是禁止的。在屏幕上显示内容的最快方法是从实体entity开始。entity是项目的数据对象。...由于演示者presenter的工作是用数据填充视图，所以您希望从数据模型中公开旅程trips列表。...List中的一个项目中，将自动启用滑动操作来删除行为。...第一个只是interactor的路点列表的一个副本。第二个使用mapInfoProvider来计算所有路径点的总距离。第三种方法使用相同的数据provider来获得路点之间的方向。

17.5K1 0

架构之路（七） —— iOS App的SOLID原则（一）

所有 Core Data 设置都在那里发生，这听起来根本不像是一个单一的职责。如果您想在不同的项目中重用相同的 Core Data 设置，您会发现自己使用的是代码片段而不是整个文件。...相反，它包含五个硬编码并存储在内存中的费用条目。 previewItem 是 ExpenseModel 的单个存根实例，与您从 AppMain.swift 中删除的实例相同。 为什么要做这一切？...您希望使用 ReportRange 的所有可能值来填充列表，而不必更改其他地方的代码。...您将创建一个抽象类，而不是创建一个具体实现符合的协议，更具体的实现需要子类化该抽象类。它实现了相同的目标：您可以轻松地交换底层实现，而无需更改任何视图。...拥有这样的特定协议将使将来更改功能变得容易，并使测试这些新功能变得更加容易。当你有少量代码时，最好现在就这样做，而不是等到项目变得太大而变的棘手。

4.7K1 0

肘子的 Swift 周报 #046｜无警告编译并非 Swift 6 的初衷

前一期内容｜全部周报列表近期推荐如何在 Xcode 中使用 EditorConfig 文件 ( How to use EditorConfig files in Xcode )[3] Pol Piella...作者认为，经过多年发展，SwiftUI 逐渐统一了 Apple 各个平台的代码，实现了跨平台代码的高度共享，但开发者在开发过程中仍需考虑不同平台的特性，以确保应用的用户体验与平台的设计理念相一致。...他们详细演示了从设置项目到实现与浏览器交互的整个过程，包括如何在 Xcode 中配置 WebAssembly、使用 JavaScriptKit 库操作 DOM 以及利用 Swift 的 Observation...通过这种方法，开发者可以用熟悉的 Swift 代码在浏览器中构建应用，并与 iOS 平台共享相同的模型和业务逻辑。...作者认为，随着技术的演进，开发工具的改进是不可避免的，重要的是如何借助这些工具更高效地构建优质软件，而不是纠结于手写代码的过程。

1031 0

我庆幸果断放弃了SwiftUI：它还不够成熟

新框架使用声明性范例，让开发者用更少的代码编写相同的 UI。 SwiftUI 的愿景是降低开发 iOS 门槛，吸引更多开发者、丰富 iOS 的业态。...本文的作者 chsxf，是一家独立游戏工作室的首席开发，也是 15 年的苹果用户，他想尝试将 SwiftUI 放到自己的项目中，但是最终失败了。...这可以说是压死骆驼的最后一根稻草了，我决定放弃 SwiftUI，继续用 AppKit。总结其实没能在项目中用到 SwiftUI，会让我感觉有点遗憾。...但我至少可以更好地控制应用程序的行为，而且根据需求随意调整各种元素。总之，经历了这么一番波折，我还是很庆幸自己果断放弃了 SwiftUI。这可能是我在这个项目上做过的最明智的选择。...| 卓越技术团队访谈录 30 年 IT 老兵谈数字化：这就不是个技术活资深 Web 开发的经验之谈：为什么你开发的网页不应该大于 14KB？

5K2 0

AVKit框架详细解析（四） —— 基于AVKit 和 AVFoundation框架的视频流App的构建

首先，导航到 VideoFeedView.swift 并在 SwiftUI 导入的正下方添加以下导入： import AVKit 看看下面这个，你会看到你已经有了一个列表和一个视频数组。...这就是应用程序如何用数据填充现有列表的方式。视频本身来自嵌入在应用程序包中的 JSON 文件。如果您好奇，您可以查看 Video.swift 以了解它们是如何获取的。...这个 CALayer 子类就像任何其他层：它显示其contents属性中的任何内容。该层恰好用您通过其player属性提供的视频中的帧填充其内容。...挑剔的眼睛会发现这不是一个普通的 AVPlayer 实例。没错，这是一个特殊的子类，叫做AVQueuePlayer。正如您可能从名称中猜到的那样，此类允许您提供要播放的项目队列。...作为一个体贴的应用程序开发人员，您应该允许用户关闭他们自己的音乐，而不是大胆地假设您的应用程序应该胜过所有其他应用程序。

7K1 0

一些适合 SwiftUI 初学者的教程

在他的网站 Hacking with Swift 中，提供了大量优秀的免费内容。100 Days of SwiftUI[4] 便是面向 SwiftUI 初学者的一个合集。...本书的前四章可以免费阅读[5]。该书是为没有任何程式经验、想要学习 SwiftUI 开发的初学者而撰写的。涉及的内容不少，但不要被书名中的“精通”所迷惑。...网站上目前提供了一本 200 页的免费书籍[7] 。我个人很欣赏这种创作形式，目前我在 Twitter 上发布的 Tips 多少也受到了这种形式的影响。...该教程提供了保姆级的提示能力，可以为开发者展示开发过程中的每一个步骤。比较遗憾的是，尽管该教程制作得十分精良，但调性过于高冷，代入感不强。...鉴于观看完整教程所需的时间不长，初学者可以在通览全部的视频对 SwiftUI 有个整体了解后，再决定下一步的学习方向和内容。

2K2 1

如何让 SwiftUI 的列表变得更加灵活

中初版的概念和 API 编写的，下面让我们尝试使用新功能来为我们的列表实现自定义样式，并且使代码更加健壮。...为了演示这种情况，我们在 List 中嵌套一个 ForEach （因为在 SwiftUI 的中，列表变化一版都是由 ForEach 触发的，而不是由 List 触发的）。...下拉刷新就我个人而言，下拉刷新在我的 SwiftUI 功能请求列表中非常重要，所以我很高兴看到今年的版本增加了对这种非常常见的 UI 范式的内置支持。...可定制的分隔符自从引入 SwiftUI 以来，开发者们有一个非常普遍的要求，提供一个 API ，用于隐藏或以其他自定义实现列表中每个 item 之间的默认分隔符。...item 上调用的，而不是在列表本身上调用，这为我们提供了很大的灵活性，可以根据想要构建的 UI 类型动态隐藏或显示每个分隔符。

4.9K4 1

肘子的 Swift 周报 #019 | 超越代码，拥抱思维转变

，尝试采用与 SwiftData 设计哲学更为契合的编程逻辑，这个过程中我不得不几次重新开始。...我注意到，许多开发者在从 Core Data 转换到 SwiftData 的过程中，往往只花费了几天甚至更短的时间。...在进行框架转换的过程中，开发者不应仅仅局限于代码层面的直接转换，更为关键的是要进行思维和理念上的转变，这样才能真正发掘并利用新框架的全部潜力。...前一期内容｜全部周报列表原创探讨 SwiftUI 中的属性包装器：@UIApplicationDelegateAdaptor、@AccessibilityFocusState、@FocusedObject...在这个系列[4]的四篇文章中，我们详细梳理了截至 iOS 17 时期 SwiftUI 所提供的全部属性包装器，旨在帮助开发者更加高效和便捷地使用 SwiftUI。

991 0

肘子的 Swift 周报 #033｜改善社区活跃度，仅更新论坛还不够

2022年11月，苹果公司出人意料地举办了一次“Ask Apple”活动，这为开发者提供了一个在 WWDC 之外直接与苹果工程师交流的难得机会。我期待这种活动能够成为每年的固定项目。...前一期内容｜全部周报列表原创写在 WWDC 2024 之前：回顾 2019 至 2023 年间 SwiftUI 的关键升级及其影响[4] Fatbobman( 东坡肘子 )[5] 当人们久别重逢时，...在这篇文章中，我将梳理从首个版本起那些给我留下深刻印象的 SwiftUI 关键更新及其影响。这不仅是对 SwiftUI 从诞生到逐渐成熟过程的回顾，也是一次对它所蕴含活力的新的认识。...在本文中，我将主要讨论那些对我个人影响深远的变化，并探讨与 SwiftUI 以及苹果生态系统密切相关的其他框架和功能的演变，展示它们如何共同塑造了我们今天所使用的平台。...Hate to say I told you so ( 不想说我早就告诉过你 )[18] Ian Betteridge[19] 当前，许多基于 AI 的搜索引擎通常会直接提供答案，而不是引导用户访问答案的来源

1341 0

腾讯专家工程师：2020年，前端发展关键词有哪些？

，各大主流的App都上线了小程序能力的支持，各前端团队也都有了专门的小程序开发团队，以适应更快的小程序开发需求，同时App里很多关键的功能都被小程序所替代，甚至有些App已经变成Native小程序壳，上层的应用实现全部是小程序...前端重燃希望，跃跃欲试，Apple也发布了自己生态里全新的UI系统——SwiftUI，SwiftUI对于苦于Apple UI系统的开发者来说，绝对是一个非常大的革新，就等着iOS13的普及速度了，同时，...前端工程化方面，开发者最重要的基本素养就是通过工具提升效率，而前端开发者在这方面更胜一筹，今年很多团队都在建设完整的前端DevOps流程工具集，一些团队之间也开始协作共建，不管是Web还是小程序项目，从新建项目...关于云计算，已经不是一个新鲜的技术，对于很多成长型公司，可能一出生就在云上，但对于大公司而言，真正把业务全部搬到云上，也就是去年到今年的事情，而使用原生云不是迁移服务器那么简单，提到原生云的应用，不得不提到今年...为什么是Serverless？

3.6K277 2

肘子的 Swift 周报 #009

肘子的话最近，我一直在忙于重构自己的博客网站，这不仅是一个更新项目，更是一个学习新编程语言和现代 Web 开发工具框架的机会。...作为一个双语博客，我计划在首页添加一个简单的逻辑，根据访客的浏览器语言设置自动跳转到相应语言的页面。在测试过程中，我发现不同浏览器对系统语言列表的处理方式各不相同，这在前端开发中是一个常见的挑战。...前一期内容｜全部周报列表如果你觉得这份周报或者我的文章对你有所帮助，欢迎点赞、赞赏，并将其转发给更多的朋友。...Colucci 分析并统计了在最新的 macOS Sonoma 14 中，苹果使用的编程语言和 UI 框架的数据。...播客 107: 好，买了，破费[17] weak self[18] 在这期播客中，13[19] 在前半部分介绍了创建 iOS 开发配饭吃[20] 系列视频的初衷并分享了一些体会。

1381 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭