80 篇文章 包含 "swiftUI"

SwiftUI允许我们通过.previewDevice()修饰符，在多种屏幕尺寸上、设备类型同时预览布局。

有些View自身并不包含NavigationView，但是他又属于NavigationView stack中的一部分。 这个时候我们要看导航栏的话，就需要运行App并导航到对应界面。 不过，预览提供了一种节省时间的方式来实时查看 UI 更改，而无需重新构建应用程序。

您可能希望改进应用的一些功能以吸引更多的用户 。比如：用户可能喜欢的不同字体，这意味着要确保设计在不同字体大小下看起来不错。SwiftUI 预览非常适合此类情况。它们允许您立即预览新内容在不同动态字体大小下的外观。 我们来编写一个新闻类文章demo。

SwiftUI内置支持黑暗模式。你只需要修改预览的设置，就能预览黑暗模式。 接下来我们将通过一个简单的例子演示一下。

DisclosureGroup根据disclosure control状态来控制显示和隐藏的一个视图。

需要两个参数：标识其content的label， 以及控制content是可见还是隐藏的binding。

我们创建一个例子来仔细看看它是如何工作的。

我们可以用展开收起的列表来展示层级。

ScrollViewReader允许你通过代码控制滚动到某个Index处，这个Index甚至可能在当前屏幕中并不可见。

比如：自动滚动到新添加的item，自动滚动到最近更新的item等等。

在本节中，我们将创建一个显示从 A 到 Q 的字符列表。屏幕顶部的按钮将在单击时以编程方式从列表顶部滚动到列表末尾。屏幕底部的另一个按钮将允许我们从底部向上滚动到列表中间。

和Lazy stack一样，lazy grid也使用lazy loading来显示一系列的items。items只会在即将出现在屏幕上时才会初始化。

从上到下的使用LazyVGrid， 从左到右的使用LazyHGrid。

SwiftUI 2.0 引入了LazyHStack和LazyVStack。它们的使用类似于常规的HStack和VStack，但提供了延迟加载。仅在content在设备的屏幕上变得可见前，List才开始加载content，允许用户无缝地滚动浏览大型数据集，没有明显的 UI 延迟或较长的加载时间。让我们创建一个demo来看看它在实践中是如何工作的。

列表视图可以包含一个到无数个item。随着列表中item数的增加，我们通常会提供在列表中搜索特定item的能力。

本章，我们将介绍.searchable()修饰符并讨论如何使用它来搜索列表中的item。