开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

SwiftUI - ScrollView的宽度为0，我的内容不可见

SwiftUI是一种用于构建iOS、macOS、watchOS和tvOS应用程序的用户界面工具包。它是苹果公司推出的一种声明式UI框架，可以通过简单的代码实现复杂的用户界面。

ScrollView是SwiftUI中的一个视图容器，用于显示可滚动的内容。当ScrollView的宽度设置为0时，内容将不可见。这通常是由于ScrollView没有设置适当的约束或布局导致的。

要解决这个问题，可以尝试以下几个步骤：

确保ScrollView的父视图具有适当的约束或布局，以便ScrollView可以正确地计算其宽度。可以使用Stack或其他布局容器来包装ScrollView，并为其设置适当的约束。
检查ScrollView内部的内容视图是否正确设置了约束。确保内容视图的宽度与ScrollView的宽度相匹配，以便内容可以正确显示。
如果ScrollView的内容视图是一个单独的视图，可以尝试为其设置适当的约束，以确保其宽度与ScrollView相匹配。
如果ScrollView的内容视图是一个列表或网格视图，可以尝试使用List或LazyVGrid等适当的视图容器来包装内容，并确保它们具有正确的约束。
如果以上步骤都无法解决问题，可以尝试重新创建ScrollView，并确保在创建过程中正确设置其约束和布局。

腾讯云提供了一系列与移动开发相关的产品和服务，包括云服务器、云存储、云数据库等。您可以根据具体需求选择适合的产品。以下是一些推荐的腾讯云产品和产品介绍链接：

云服务器（CVM）：提供可扩展的计算能力，适用于移动应用的后端服务。详情请参考：https://cloud.tencent.com/product/cvm
云存储（COS）：提供安全可靠的对象存储服务，适用于存储移动应用的文件、图片等数据。详情请参考：https://cloud.tencent.com/product/cos
云数据库MySQL版（CDB）：提供高性能、可扩展的关系型数据库服务，适用于移动应用的数据存储和管理。详情请参考：https://cloud.tencent.com/product/cdb_mysql

请注意，以上推荐的腾讯云产品仅供参考，具体选择应根据实际需求进行。

相关搜索:Cypress元素不可见，因为它的有效宽度和高度为0 x 0像素 iOS 14上的SwiftUI问题，其中Scrollview HStack内容被切断 ScrollView SwiftUI中的内容偏移 SwiftUI .contextMenu使用clipShape在我的视图周围添加了可见的填充 SwiftUI:为什么这个ScrollView的内容放错了地方？SwiftUI:如何根据给定的宽度获取HostingController视图/内容maxHeight？SwiftUI:将List放入ScrollView (get List的内容高度)Xcode 11 beta 7的SwiftUI不更新列表内容/ ForEach 为什么我的wordpress页面的内容不可见？为什么我的水平ScrollView不工作？

相关搜索:

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

有帮助

没帮助

相关·内容

GeometryReader ：好东西还是坏东西？

一个容器视图，根据其自身大小和坐标空间定义其内容。严格来讲，我并不完全赞同上述描述。这并非因为存在事实上的错误，而是这种表述可能会引起用户的误解。...这种非常规的布局逻辑是我不推荐将其直接用作布局容器的原因之一。 GeometryReader 不支持对齐指南的调整，因此上面的描述使用了原点。...在非滚动方向上，ScrollView 会向子视图提供该维度上的全部可用尺寸。而在滚动方向上，它向子视图提供的建议尺寸为 nil。...由于 GeometryReader 的 ideal size 为 (10,10)，因此，在滚动方向上，其返回给 ScrollView 的需求尺寸即为 10。...提供的建议宽度，并根据这个宽度计算出所需的高度。

4927 0

深入了解 SwiftUI 5 中 ScrollView 的新功能

例如，在下面的代码中，为 ScrollView 的 leading 方向添加安全区域的两种方式效果是一致的。...当 scrollClipDisable 为 false 时，滚动内容会被裁剪以适应滚动容器边界。任何超出边界的部分将不会显示。...当 scrollClipDisable 为 true 时，滚动内容不会被裁剪。它可以延伸超出滚动容器的边界，从而显示更多内容。...总结我完全没有想到，在 SwiftUI 5 中，苹果对 ScrollView 进行了全面增强。值得赞赏的是，他们不仅提供了一些一直期待的功能，而且在 API 的设计和实现完成度上都非常出色。...就我个人而言，在 SwiftUI 5 中，ScrollView 的原生方案已经能够满足大多数需求，因此我们将看到更多人采用 ScrollView + LazyStack 的组合方式。

7062 0

解析SwiftUI布局细节（二）循环轮播+复杂布局

前言 ---- 上一篇我们总结的主要是VStack里面的东西，由他延伸到 @ViewBuilder, 接着我们上一篇总结的我们这篇内容主要说的是下面的几点，在这些东西说完后我准备解析一下苹果在...这篇我们还是说我们关于SwiftUI的东西，再提一下Demo代码我已经提交上Git了，目前Demo进度为一级页面基本上结束，地图点击大头针的添加也刚处理完，代码有需要的小伙伴可以去Git看看，项目地址...有一个还得说明一下，GeometryReader 改变了它显示内容的方式。在 iOS 13.5 中，内容放置方式为 .center。在 iOS 14.0 中则为：.topLeading。...3、再提一点关于上面说的滚动视图，在UIKit中我们可以用UICollectionView搞定一切，但是在SwiftUI中没有这个控件，我建议采用的方式是 ScrollView + HStack + VStack...在 iOS 13.5 中，内容放置方式为 .center。

11.8K2 0

掌握 ViewThatFits

当宽度调整为 200 时，它将显示为 Text("Hello Beautiful World")。...用易懂的描述就是，在有明确宽度限定的情况下，要求 Text 显示全部的文本内容。...自适应滚动通过下面的代码，我们可以实现在内容宽度超过给定宽度时，自动进入可滚动状态。...在这个示例中，尽管 ScrollView 在理想状态下，呈现的宽度也超过了 ViewThatFits 允许的宽度，但由于它是最后一个子视图，因此最终选择了它。这也是一个典型的判断和呈现不一致的情况。...创建 ViewThatFits 的复刻版本在学习 SwiftUI 的过程中，我经常尝试复刻一些布局容器和修饰符。通过这个过程，除了验证我的一些猜想外，还能更深入地理解和掌握它们。

1691 0

WWDC 23 之后的 SwiftUI 有哪些新功能

前言 WWDC 23 已经到来，SwiftUI 框架中有很多改变和新增的功能。在本文中将主要介绍 SwiftUI 中数据流、动画、ScrollView、搜索、新手势等功能的新变化。...框架引入了新的 PhaseAnimator 视图，它遍历阶段序列，允许为每个阶段提供不同的动画，并在阶段更改时更新内容。...ScrollView 今年 ScrollView 有了很多优秀的新增功能。首先，可以使用 scrollPosition 视图修饰符来观察内容偏移量。...= 0 var body: some View { ScrollView { Button("Scroll") {...特别感谢 Swift社区编辑部的每一位编辑，感谢大家的辛苦付出，为 Swift社区提供优质内容，为 Swift 语言的发展贡献自己的力量。 - EOF -

3282 0

如何判断 ScrollView、List 是否正在滚动中

访问我的博客 www.fatbobman.com[1] 可以获得更好的阅读体验以及最新的更新内容。...目前 SwiftUI 在内部的实现上去 UIKit（ AppKit ）化很明显，比如，本节介绍的方法在 SwiftUI 4.0 中已经失效方法二：Runloop我第一次接触 Runloop 是在学习 Combine...} // 不滚动时，发送 0 ) } var cancellable: AnyCancellable?...判断的准确度没有前两种方式高当可滚动组件中的内容出现了非滚动引起的尺寸或位置的变化（例如 List 中某个视图的尺寸发生了动态变化），本方式会误判断为发生了滚动，但在视图的变化结束后，状态会马上恢复到滚动结束滚动开始后...我正以聊天室、Twitter、博客留言等讨论为灵感，从中选取有代表性的问题和技巧制作成 Tips ，发布在 Twitter 上。

3.7K4 0

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

Ask Apple 为开发者与苹果工程师创造了在 WWDC 之外进行直接交流的机会。本文对本次活动中与 SwiftUI 有关的一些问答进行了整理，并添加了一点个人见解。本文为下篇。...Jane 的自动根据宽度排版[10] 视频与该问题十分契合。阅读 The SwiftUI Layout Protocol [11]了解如何创建自定义布局。...A：你最好的选择是使用 ScrollView 和 ScrollViewReader，并在 onAppear 或新内容进来时滚动到最底部的视图。我不建议尝试旋转滚动视图。...在 SwiftUI 中，有一个从第一版开始就存在但尚未公开的纯 SwiftUI 实现的滚动容器 —— _ScrollView 。...我正以聊天室、Twitter、博客留言等讨论为灵感，从中选取有代表性的问题和技巧制作成 Tips ，发布在 Twitter 上。

14.7K3 0

掌握 SwiftUI 的 Safe Area

在 UIKit 中，开发者需要利用 safeAreaInsets 或 safeAreaLayoutGuide ，才能确保将视图放置在界面中的可见部分。 SwiftUI 对上述过程进行了彻底的简化。...当视图尚未在屏幕上可见时，该视图的 safeAreaInset 也为 0 。...使用 safeAreaInset 扩展安全区域在 SwiftUI 中，所有基于 UIScrollView 的组件（ScrollView、List、Form），在默认情况下都会充满整个屏幕，但仍可确保我们可以在安全区域内看到所有的内容...， SwiftUI 会自动在不同的设备上进行适配（在 iPhone 13 上，状态条的高度为 40 + HomeIndeicator区域高度）。...{ Rectangle().fill(.blue) .frame(width: 50)} 我们也可以通过 aligmnet 为安全区域插入内容设置对齐方式，用 spacing 在想要显示的内容和安全区域添加内容之间添加额外的空间

7.5K3 1

如何在 SwiftUI 中创建条形图

前言条形图以矩形条的形式呈现数据的类别，其宽度和高度与它们表示的值成比例。本文将展示如何创建一个垂直条形图，其中矩形的高度将代表每个类别的值。...很容易将部分内容提取到子视图中，以便每个部分都很小且易于维护。从将包含 BarChartView 以及可能的其他文本或数据的视图开始。...它需要每一条数据的名称和值以及最大值和可用的条形高度。每个条形图都表示为圆角矩形，条形高度相对于最大条形高度设置。条形的颜色设置为纯蓝色。...文本视图的宽度被限制在条形图宽度的范围内，而且条形图的标签文本会被截断，条形图的文本视图也被限制在条形宽度的范围内，并且文本可以被隐藏起来。...图标被设置为固定大小，视图被嵌入到 ScrollView 中，以便在设备旋转时滚动。

5.1K1 0

SwiftUI 视图的生命周期研究

视图值树通常只保存当前布局、渲染所需的内容（个别情况下，会缓存少数不参与布局、渲染的视图值），在 app 的生命周期中，随着 State 的变化而不断地变化。...什么是视图开发者更习惯将符合 View 协议的结构体或结构体实例视作视图，而在 SwiftUI 的角度，视图值树上的节点内容，才是它所认为的视图。...onAppear 和 onDisappear ScrollView { LazyVStack { ForEach(0..<100) { i in Text("...+ VStack 中，即使 Cell 视图没有显示在屏幕中，仍会触发 onAppear ScrollView { VStack { ForEach(0..<100) { i in...•ScrollView + VStack 中，即使 Cell 视图没有出现在可见区域，但它在最开始就会参与容器的布局，因此会在创建初始便触发 onAppear，但无论如何滚动，所有的 Cell 视图始终会参与布局

4.3K3 0

用 SwiftUI 的方式进行布局

下文中，我们将用 SwiftUI 布局系统提供的多种手段来实现该要求。在这些解决方案中，有些非常简单、直接，有些则会略显烦琐，曲折。我尽量让每种方案都采用不同的布局逻辑。...有关这方面的内容，请参阅 SwiftUI 布局 —— 尺寸（下）[4] 一文中“面子和里子”章节。...有关建议尺寸、需求尺寸等内容，请参阅 SwiftUI 布局 —— 尺寸（上）[5] 一文三、NameSpace 从 3.0 版本（ iOS 15 ）开始，SwiftUI 提供了新的 NameSpace...转场是 SwiftUI 提供的强大能力之一，可以极大地简化动画实现的难度。我写的视图管理器 SwiftUI Overlay Container[7] ，便是建立在对转场功能的充分应用之上。...有关转场动画的更多内容，请参阅 SwiftUI 的动画机制[8] 一文八、Layout 协议在 4.0 版本中，SwiftUI 增加了 Layout 协议，通过该协议，开发者可以针对特定的场景，创建自定义布局容器

3.2K0 0

用 SwiftUI 实现 3D Scroll 效果

我们预览下今天要实现的 3D scroll 效果。学完本教程后，你就可以在你的 App 中把这种 3D 效果加入任何自定义的 SwiftUI 视图。下面我们来开始本教程的学习。...入门首先，创建一个新的 SwiftUI 视图。为了举例说明，在这个新视图中，我会展示一个有各种颜色的矩形列表，并把新视图命名为 ColorList。...此外，我修改了矩形的 frame，让它看起来与传统 UI 布局更像一些。...y: 1.0, z: 0)) 当 Rectangle 在屏幕上移动时，这个方法的 Angle 参数会发生改变。...我还修改了矩形的 cornerRadius 属性，并加上了投影效果，让它更美观。

1.5K2 0

dotnet 记在 Linux 上某些文件的文件长度为 0 但是存在内容

本文记录我写的一个测试代码在 Linux 上踩坑的经验。在 Linux 上可能存在一些文件的文件长度是 0 但文件里面依然可以读取到内容。...之前我不知道有这样的设计，导致了我大量逻辑判断文件长度为 0 就不执行，从而让运行结果不符合预期逻辑非常简单，本文将使用读取 edid 文件作为例子，以下是我的 edid 文件所在的路径 /sys/class.../drm/card0-DP-2/edid 使用 ls -lh 命令获取 /sys/class/drm/card0-DP-2 文件夹里面的所有文件，可以看到大概如下的输出内容 lrwxrwxrwx 1 root...cat 等工具查看，是可以获取到 edid 文件内容的相应的，在 dotnet 这边，使用以下代码尝试获取的 FileStream 的 Length 属性也是 0 长度 var file =...FileStream 也一样可以读取到，如下面代码 // 用 new FileStream 读取不到 // 其实读取到没有长度不代表没有内容 // Some file systems

1161 0

用 SwiftUI 的方式进行布局

下文中，我们将用 SwiftUI 布局系统提供的多种手段来实现该要求。在这些解决方案中，有些非常简单、直接，有些则会略显烦琐，曲折。我尽量让每种方案都采用不同的布局逻辑。...有关这方面的内容，请参阅 SwiftUI 布局 —— 尺寸（下）一文中“面子和里子”章节。...有关建议尺寸、需求尺寸等内容，请参阅 SwiftUI 布局 —— 尺寸（上）一文三、NameSpace 从 3.0 版本（ iOS 15 ）开始，SwiftUI 提供了新的 NameSpace...转场是 SwiftUI 提供的强大能力之一，可以极大地简化动画实现的难度。我写的视图管理器 SwiftUI Overlay Container ，便是建立在对转场功能的充分应用之上。...有关转场动画的更多内容，请参阅 SwiftUI 的动画机制一文八、Layout 协议在 4.0 版本中，SwiftUI 增加了 Layout 协议，通过该协议，开发者可以针对特定的场景，创建自定义布局容器

4.7K8 0

WWDC 23 ，SwiftUI 5 和 SwiftData 的初印象

苹果不仅带来了全新形态的硬件产品，还推出了几个相当震撼的新框架。本文将聊聊我对本届 WWDC 中 SwiftUI 5.0 和 SwiftData 的初步印象。...大幅改善了 ScrollView 的控制力本次升级中，为 ScrollView 带来了新的动态滚动定位系统（不依赖 ScrollViewReader 和显式的 id 声明）、一次性的定位系统（在视图进入后...）、支持分页滚动（开发者长期盼望的）、自定义滚动内容的缩进、为滚动内容（非滚动容器）添加安全区域等众多功能。...开心还是无奈在今年的 WWDC 中，苹果为 SwiftUI 带来了非常大的变革，并推出了开发者向往已久的 SwiftData。...在接下来的一段时间里，我将在博客中介绍和探讨 SwiftUI、SwiftData 以及几个我比较感兴趣的新框架 TipKit 和 CKSyncEngine。

1.1K2 0

WWDC 23 ，SwiftUI 5 和 SwiftData 的初印象

苹果不仅带来了全新形态的硬件产品，还推出了几个相当震撼的新框架。本文将聊聊我对本届 WWDC 中 SwiftUI 5.0 和 SwiftData 的初步印象。...大幅改善了 ScrollView 的控制力本次升级中，为 ScrollView 带来了新的动态滚动定位系统（不依赖 ScrollViewReader 和显式的 id 声明）、一次性的定位系统（在视图进入后...）、支持分页滚动（开发者长期盼望的）、自定义滚动内容的缩进、为滚动内容（非滚动容器）添加安全区域等众多功能。...开心还是无奈在今年的 WWDC 中，苹果为 SwiftUI 带来了非常大的变革，并推出了开发者向往已久的 SwiftData。...在接下来的一段时间里，我将在博客中介绍和探讨 SwiftUI、SwiftData 以及几个我比较感兴趣的新框架 TipKit 和 CKSyncEngine。

3581 0

SwiftUI案例：3D旋转图片播放器

SwiftUI案例：3D旋转图片播放器效果目标实现多张图片的3D切换查看功能外观配置任选 7 张任意尺寸的图片按 p1 至 p7 进行命名并拖拽进 Assets.xcassets 文件中（如图所示...import SwiftUI struct Home: View { //定义当前的图片 @State var currentTab = "p1" var body: some View...，实现 Home.swift 中组件的文本与图片的具体内容。...y: 1, z: 0), anchor: offset > 0 ?....} } return Color.clear } ) } } //为ScrollView

2.3K3 0

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

文本内容超出了矩形的宽度Spacer 是有最小厚度设定的，默认的最小垫片厚度为 8px 。...即使文本宽度超出了 HStack 给出的建议宽度，但 HStack 在布局时，仍会保留其最小厚度，导致下图上方的文本无法充分利用矩形视图的宽度。解决方法为：Spacer(minLength: 0)。...至于上图中 Text 仍没有充分利用 HStack 全部宽度的原因，是因为没有为 HStack 设置明确的 spacing ，将其设置为 0 即可：HStack(spacing:0) 。...我为本文这种通过多种方法来解决一个问题的方式添加了【小题大作】标签，目前使用该便签的文章还有：在 Core Data 中查询和使用 count 的若干方法[6]、在 SwiftUI 视图中打开 URL...我正以聊天室、Twitter、博客留言等讨论为灵感，从中选取有代表性的问题和技巧制作成 Tips ，发布在 Twitter 上。

6.6K4 0

UIScrollView视觉差动画

前言：看到凤凰新闻头条栏目的编辑推荐新闻是这个效果，觉得不错，就想着实现一下，以下就是我的实现过程，示例代码请看这儿→UIScrollView视觉差动画。...[普通的浏览效果.gif] 二、分析动画效果，提出解决方案注意：这里的left和right是区分拖动中可见的两个视图。 1 ....，尾尾相连，且滑动过程中，当前可见的图片有渐进的裁剪效果；前者就像是平铺在一起的一行书，一块儿左右平移，而后者就像是翻书时看到的效果，当前页left内容由边到内逐渐消失，而下一页right内容由边缘到里逐渐显示...; NSInteger leftIndex = x/SCROLLVIEW\_WIDTH; //这里的left和right是区分拖动中可见的两个视图 WSLAnimationView...需要移动距离长度 = SCROLLVIEW_WIDTH - AnimationOffset；移动百分比 = 拖拽距离 / 一页宽度即屏幕宽度拖拽距离 = (偏移量X - leftView横坐标

79614 0

UIScrollView视觉差动画

前言：看到凤凰新闻头条栏目的编辑推荐新闻是这个效果，觉得不错，就想着实现一下，以下就是我的实现过程，示例代码请看这儿→UIScrollView视觉差动画。...普通的浏览效果.gif 二、分析动画效果，提出解决方案注意：这里的left和right是区分拖动中可见的两个视图。 1....，尾尾相连，且滑动过程中，当前可见的图片有渐进的裁剪效果；前者就像是平铺在一起的一行书，一块儿左右平移，而后者就像是翻书时看到的效果，当前页left内容由边到内逐渐消失，而下一页right内容由边缘到里逐渐显示...; NSInteger leftIndex = x/SCROLLVIEW_WIDTH; //这里的left和right是区分拖动中可见的两个视图 WSLAnimationView...需要移动距离长度 = SCROLLVIEW_WIDTH - AnimationOffset；移动百分比 = 拖拽距离 / 一页宽度即屏幕宽度拖拽距离 = (偏移量X - leftView横坐标

7056 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭