问题标签 [vstack]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
5349 浏览

uitextfield - 使用 swiftUI 如何仅在 textField 处于编辑模式时添加 datePicker?

我现在在里面添加了 datePicker HStack。我只想datePickertextField处于编辑模式时显示。

0 投票
0 回答
180 浏览

ios - 在 SwiftUI 中迁移 UITableView 和 UICollectionView 的 Xib

我已经转换了我现有Xib UISwiftUI.

是否可以SwiftUI在现有的UITableView和中使用UICollectionView

这是我在其中完成的代码SwiftUI

0 投票
3 回答
38442 浏览

ios - 如何在 swiftUI 中调整 HStack 元素之间的间距?

我添加了 spacer(minLength: 5) 但它需要 minlenght我可以指定 text 之间的间距。我附上了一个截图供参考我想减少内部 hstack 之间的间距。

在此处输入图像描述

0 投票
2 回答
4833 浏览

swiftui - SwiftUI:如何让 HStack 沿多行包装子项(如集合视图)?

我正在尝试使用 SwiftUI 重新创建基本的集合视图行为:

我有许多水平显示的视图(例如照片)。当没有足够的空间在同一行显示所有照片时,剩余的照片应换行到下一行。

这是一个例子:

横向版 肖像

看起来可以使用VStack具有多个元素的HStack元素,每个元素包含一行的照片。

我尝试使用GeometryReader和迭代照片视图以动态创建这样的布局,但它不会编译(包含声明的闭包不能与函数构建器 'ViewBuilder' 一起使用)。是否可以动态创建视图并返回它们?

澄清:

盒子/照片可以有不同的宽度(不像经典的“网格”)。棘手的部分是我必须知道当前框的宽度,以便确定它是否适合当前行,是否必须开始新行。

0 投票
1 回答
2171 浏览

swift - 使用“Vstack”将图像大小调整为屏幕宽度,同时保持纵横比

我正在使用VStack以显示图像(它们将是几个与 json 不同大小的图像)

我需要显示它以占据屏幕宽度(vstack 的宽度并保持纵横比)并适当调整大小,根据屏幕宽度尊重高度。我尝试了不同的方式,但我设法正确显示图像。

我的观点是:

当我.frame (width: geometry.size.width)通过分配 的宽度来使用时geometry,宽度会显示在整个屏幕上,但高度不会保持纵横比。(看起来很崩溃)

如何获取图像的尺寸并找到它的比例以使用它.aspectRatio (myratio, contentMode: .fit)

还有另一种正确显示图像的方法,任何建议

图片

0 投票
5 回答
11469 浏览

ios - SwiftUI中ScrollView底部对齐内的VStack

目前正在构建一个聊天应用程序,我需要新消息出现在屏幕底部。我还需要让消息与底部对齐。但是,在 ScrollView 中使用 VStack 默认情况下具有顶部对齐功能。

忙碌的 swiftui

我应该怎么做才能解决这个问题?

0 投票
1 回答
677 浏览

ios - SwiftUI HStack 滑块不出现

我想制作一个水平堆叠的图像。不幸的是,我无法滑动查看完整图像。

在此处输入图像描述

0 投票
3 回答
18704 浏览

swiftui - SwiftUI:如何删除 VStack 中视图之间的边距?

使用 SwiftUI,我创建了一个 VStack,其中包含一些固定元素和一个列表元素。原因是,用户应该只滚动固定元素下的区域。现在我看到第二个固定元素和列表之间有一个空格。我不知道这个空间是从哪里来的,想摆脱它,但不知道如何。该区域标记为红色。

视图截图

0 投票
1 回答
317 浏览

swiftui - 是否可以以仅将其下方的项目向下推而不将其上方的项目向上推的方式填充 VStack 中的项目?

标题有点难用,但这是我的情况。我有一个 VStack,我需要为在堆栈中被点击的项目下方形成的间隙设置动画。

例如,我尝试将 .padding(.bottom, isTapped ? 50 : 0) 添加到项目中,但它不会产生所需的结果。例如,如果项目 X 是我点击的项目,这就是我使用此方法得到的行为

基本上,正如我试图说明的那样,它向上推动 X 上方的项目以及向下推动其下方的项目。

有什么办法可以去做我想做的事吗?一种方法来修复 X ​​和它上面的项目,以便只有下面的项目会移动?

编辑:这是一个更真实的示例,当点击中间项目时,会导致在其下方添加填充,但不幸的是,这不仅仅将前 2 个保留在原处并将第三个向下推。但是它将前两个向上移动,第三个向下移动。(此外,填充也不会像下面的示例所示那样放置,而是在项目视图本身中,如果这会有所不同的话)

0 投票
1 回答
2497 浏览

ios - SwiftUI:在带有 Spacers 的 VStack 中平均分配多个 VStack

我正在尝试构建一个包含多个 VStack(元素)的 VStack(容器),每个 VStack 都有一个标题和一个文本。元素 VStacks 应该均匀分布,并且在它们之间有一个垫片。

出于某种原因,它最多只能使用 4 个元素 VStack,如果我增加,我会收到一个错误

这是我的代码: