如何在SwiftUI中动态调整可垂直滚动的VStack中一行的项目数？
在SwiftUI中，可以使用LazyVGrid来动态调整可垂直滚动的VStack中一行的项目数。LazyVGrid是一个视图容器，可以根据指定的列数自动调整布局。
以下是实现动态调整可垂直滚动的VStack中一行的项目数的步骤：
- 导入SwiftUI框架：
import SwiftUI- 创建一个
View结构体，并在其中使用LazyVGrid来布局项目：
struct ContentView: View {
let items = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10] // 项目数组
var body: some View {
ScrollView {
LazyVGrid(columns: [GridItem(.adaptive(minimum: 100))]) {
ForEach(items, id: \.self) { item in
Text("\(item)")
.frame(width: 100, height: 100)
.background(Color.blue)
.cornerRadius(10)
.padding(10)
}
}
}
}
}在上述代码中，我们使用LazyVGrid来创建一个自适应的网格布局，columns参数中的GridItem(.adaptive(minimum: 100))表示每个项目的最小宽度为100个点。
- 在
ContentView的body属性中使用ScrollView将内容包装起来，以实现垂直滚动。 - 创建一个
PreviewProvider结构体，用于预览视图：
struct ContentView_Previews: PreviewProvider {
static var previews: some View {
ContentView()
}
}完成上述步骤后，你就可以在SwiftUI中动态调整可垂直滚动的VStack中一行的项目数了。根据屏幕尺寸和设备方向的不同，LazyVGrid会自动调整每行的项目数，以适应不同的布局需求。
推荐的腾讯云相关产品：腾讯云云服务器（CVM），产品介绍链接地址：https://cloud.tencent.com/product/cvm
相关·内容
我在VStack中有一个水平滚动视图(ForEach)和垂直滚动视图(ForEach)，当我从垂直滚动视图(ForEach)中滚动项目并点击水平视图中的项目时，将执行水平视图中的点击手势，而不是垂直视图中的点击手势。
下面是我的代码：
//
// TestView.swift
// iOS
//
//
import SwiftUI
struct TestView: View {
@State var searchTerm = ""
var body: some View {
VStack {
T
浏览 13提问于2020-08-02得票数 1
回答已采纳
之前有一个问题和一些相关的东西有关：
看起来之前的问题已经解决了。但是，如果我们将VStack放在ScrollView中。SwiftUI似乎忽略了键盘安全区域，而将滚动视图保留在键盘后面。有了一个垂直滚动视图和一个文本字段，我们仍然可以获得所需的行为，滚动视图向上滚动到文本字段。如果我们在垂直滚动视图中使用水平滚动视图，就会出现问题。滚动视图不会向上移动以使文本字段可见。有人知道怎么解决这个问题吗？
struct ContentView: View {
@State var text = ""
var body: some View {
浏览 3提问于2021-05-12得票数 0
我想做一个3页的标签视图，每页有3张图片。翻页是可以的，但tabview会为我的图像创建一个垂直滚动，并将它们推到底部。
VStack{
TabView(selection: $currentIndex.animation()) {
ForEach(0 ..< 3, id: \.self) {i in
VStack{
Image("wp\(i + 1)")
浏览 0提问于2020-12-29得票数 4
我有一个滚动视图，我想根据@State改变滚动的方向。
struct HomeScreen: View {
@State var isVertical: Boolean = true
var body: some View {
VStack{
Button(action: {
self.isVertical.toggle()
}) {
Text("press me")
}.padding()
ScrollView(se
浏览 8提问于2020-06-05得票数 1
回答已采纳
10回答
嗨，我有一个tablelayoutpanel，我正在将控件动态绑定到它。当项目数超过面板高度时，出现明显的垂直滚动条是没有问题的。
但与此同时，即使项目宽度小于面板宽度，水平滚动条也会出现。我如何防止这种情况发生？
浏览 2提问于2010-02-04得票数 17
2回答
我正在尝试在我的应用程序上编写一个简单的登录页面。我开始在我最新更新的上使用SwiftUI。苹果的文档仍然缺乏很多。我需要在滚动视图上垂直居中放置一个VStack，整个页面的宽度有一个“限制”400。 如下所示： ScrollView(.vertical) {
VStack {
Text("Hello World")
}
.frame(maxWidth: 400, alignment: .center)
} 使用UIScrollView很简单，只需要将ContentView设置为填充高度和宽度，然后在内容视图中将垂直StackLayou
浏览 40提问于2019-09-27得票数 19
回答已采纳
我曾尝试使用swiftUI实现一个scrollView。在滚动视图内部，有一个包含另一个视图的水平堆栈(HStack)。我想让滚动视图水平滚动。但它也会垂直滚动。以下是我的代码： struct categoryRow : View {
var categoryName: String
var landmarks : [Landmark]
var body: some View {
VStack(alignment: .leading){
Text(categoryName).font(.headline).padding(EdgeInsets(top: 15, lea
浏览 15提问于2019-07-04得票数 5
回答已采纳
输入:我有一个视图列表，其中每个视图都是图像和文本的VStack 要求:我想显示他们的垂直滚动视图。但是，每一行都应该有多个这样的视图(根据可以容纳的视图数量)。请注意，由于文本的不同，视图的大小也不相同。它不应该是水平滚动的 问题:如何根据可以容纳的字符串数量动态调整行中的字符串数量？请看下面的图片作为示例 ? 提前感谢大家的投入和感谢！
浏览 25提问于2020-07-10得票数 0
我在父垂直堆栈中有4个垂直堆栈。只有第一个垂直堆栈中的数据应该是中心，rest所有的数据都应该保持对齐。我已经在这4个垂直堆栈上设置了对齐，即第一个垂直堆栈对齐是中心，对于其余3个，它是领先的。然而，当我在模拟器上看到它时，前3个垂直堆栈的数据位于中间，最后一个是对齐的。
我该怎么解决这个问题？
代码：
struct CustomView: View {
var body: some View {
VStack {
VStack(alignment: .center) {
Text("Testing tes
浏览 7提问于2022-07-07得票数 0
回答已采纳
当使用垂直和水平滚动时，我看不到图像中的左上角。但同时，在右下角之后还有一些空间。如何修复它？
struct TestView: View {
var body: some View {
VStack(alignment: .leading) {
ScrollView([.horizontal, .vertical]) {
Image(systemName: "keyboard")
.resizable()
.frame
浏览 0提问于2019-11-29得票数 0
2回答
我是SwiftUI的新手，所以我正在学习一个教程来熟悉它。然而，我的应用程序的内容在较小的屏幕上被切断(无论是垂直的还是水平的)。我怎样才能防止这种情况发生呢？
这是我的密码：
编辑:我在图片周围添加了边框，并按照您的评论和回答中的建议调整了图像大小，但正如您所看到的，这些图像似乎占用的空间并不比预期的要大。
struct ContentView: View {
var body: some View {
ZStack {
Image("background").ignoresSafeArea(.all)
VStack {
S
浏览 12提问于2021-04-19得票数 2
回答已采纳
尝试使用视图作为列表行样式来创建自定义列表(为了摆脱默认情况下列表中丑陋的线条分隔)。 但是，一旦我将ZStack行放入滚动视图中，滚动视图就会向两个方向滚动，而不仅仅是垂直滚动。 下面是contentView： NavigationView {
ScrollView{
VStack(alignment: .leading){
ForEach(friends) { friends in
NavigationButton(destination: Me
浏览 119提问于2019-06-20得票数 8
回答已采纳
我已经在我的应用程序中设置了一个TabView，这样我就可以在多个页面之间水平滑动，但我也有一个不想要的垂直滚动，它可能会出现弹跳效果。如何禁用此垂直滚动？ 我的代码： struct ContentView: View {
@State private var currentTabIndex: Double = 0
var body: some View {
VStack {
TabView(selection: $currentTabIndex) {
Text("Text n°1")
.tag(0)
浏览 30提问于2020-09-28得票数 26
回答已采纳
如果这个问题在我快速搜索之前就已经被问到，并且找不到答案，请原谅。我正在创建一个应用程序，其中用户可以接收好友请求，我希望用户能够向左滑动以显示接受或拒绝请求的不同选项 为了得到更多的澄清，这就是我想要的样子 ? ? 如果有用，这是我的滚动视图 ScrollView(.vertical){
VStack(spacing: 40){
// TODO Add Chat Rooms
浏览 38提问于2020-10-05得票数 0
1回答
(如果有人看到这个-我提交了反馈: FB8910881)
我正在尝试构建一个SwiftUI应用程序，其布局类似于Apple应用程序--艺术家页面，或者类似于苹果的SwiftUI教程()。在应用程序中，您可以垂直滚动列表项，并水平地滚动所有行。
在我的应用程序中，我有一个ScrollView (垂直)中的行列表。行本身垂直滚动，包含一个ScrollView和一个LazyHGrid。它在iOS上工作，但在macOS上不起作用。
在iOS上，我可以在列表中垂直滚动，在行中水平滚动--条目--在模拟器中单击并拖动以在应用程序中滚动--工作起来就像一种魅力。
然而，在macOS上，只
浏览 3提问于2020-11-19得票数 19
回答已采纳
我遇到了SwiftUI和ScrollView的问题。当我在滚动视图中有一个带有混合模式属性的子视图时，混合不会影响滚动视图后面的内容。但是如果我把同样的项目放在一个Stack中，它确实会影响背景。 我尝试将混合模式直接应用于滚动视图，但由于子视图中还有其他未混合的项目，因此会搞砸。这里有一个示例来说明这个问题。这样，你可以看到渐变混合在Stack中工作，但在滚动视图中不起作用。 let mode: BlendMode = .overlay
func item(_ num: Int) -> some View {
return AnyView(
ZStack {
浏览 33提问于2020-07-07得票数 1
如何在全屏垂直ScrollView (SwiftUI)中禁用超滚动？
-超滚动的例子(我知道，在视频老安卓设备上)
var body: some View {
GeometryReader { geometry in
ScrollView([.vertical], showsIndicators: false)
{
VStack
{
VStack (alignment: .leading) {
ForEac
浏览 6提问于2020-03-12得票数 0
回答已采纳
我试图用我的自定义视图创建一个滚动视图，但是当我添加滚动视图来查看它时，它不能像预期的那样工作，如果滚动视图没有正常工作。
struct ContentView: View {
var body: some View {
ScrollView(.vertical) {
VStack {
ForEach (0..<2) { _ in
ListItem()
}
浏览 2提问于2021-04-20得票数 2
回答已采纳
我有以下观点：
#if DEBUG
struct MyTestView_Previews: PreviewProvider {
static var previews: some View {
MyTestView()
}
}
#endif
struct MyTestView: View {
@State var selectedTab: Int = 0
var body: some View {
GeometryReader { geometry in
VStack(spacing: 0) {
浏览 0提问于2021-10-20得票数 0
我正在构建一个SwiftUI应用程序，它有一个下拉菜单，在另一个垂直ScrollView中有一个垂直ScrollView。但是，下拉菜单之一(嵌套菜单)不会滚动。我想以某种方式优先考虑它。这似乎是一个简单的问题，但我已经搜索了互联网，但没有找到一个适当的解决方案。这是解决这个问题的基本代码(代码在应用程序中比较干净，但复制和粘贴特定的代码片段并不能很好地工作)： ScrollView{
VStack{
(other stuff)
DropdownSelector()
(other stuff)
}
}
struct Dropd
浏览 17提问于2021-08-05得票数 0
回答已采纳
2回答
有没有一种方法可以把一个视图放在没有部分的列表标题中？表视图通常有一个名为tableHeaderView的属性，它是整个表的标题，与部分标题无关。 我正在尝试有一个列表，并且能够像UITableView中的tableHeaderView一样滚动它。 struct MyView: View {
let myList: [String] = ["1", "2", "3"]
var body: some View {
VStack {
MyHeader()
浏览 26提问于2020-07-22得票数 4
回答已采纳
我正在尝试动态调整一些视图的大小，这些视图最终被放置在滚动视图中。下面是我能想到的最简单的示例代码：
struct RootView: View {
var body: some View {
ScrollView {
VStack(alignment: .leading) {
// More views above
HStack(spacing: 16) {
MyView()
MyView()
浏览 2提问于2021-04-12得票数 0
对文本应用.rotationEffect()时，它会按预期旋转文本，但其框架保持不变。当堆叠旋转视图与非旋转视图时(例如，使用VStack为HStack时)，这将成为一个问题，导致它们重叠。
我最初以为rotationEffect会简单地将文本的框架更新为垂直的，但事实并非如此。
我已经尝试过手动设置框架大小和(如果需要，偏移)文本，这是可行的，但我不喜欢这个解决方案，因为它需要一些猜测和检查，文本将出现在哪里，多大的框架，等等。
这只是旋转文本的方式，还是有更优雅的解决方案？
struct TextAloneView: View {
var body: some View {
浏览 77提问于2019-10-22得票数 15
回答已采纳
我正处于SwiftUI的困境中，我有一个垂直的ScrollView，它由垂直排列的按钮组成。当我开始滚动时，有两个结果：
如果我的手指在按钮上开始滚动，当滚动停止时，按钮会触发；，如果我的手指在按钮之间的空隙上开始滚动，当滚动停止时，不会发生动作。
我的问题是:在场景(1)中，有什么方法可以防止按钮动作的发生吗？上面的意思是，按钮被禁用了，或者只有当卷轴停止/不动时，操作才被允许启动？
ScrollView(.vertical) {
ForEach(0...5, id: \.self) { i in
VStack(alignment: .leading, spaci
浏览 4提问于2019-11-25得票数 3
回答已采纳
我正在开发一个个人苹果手表应用程序，我只是把我的头绕到了复杂的事情上。我已经设法使我的显示与适当的数据，但视图不是对齐在屏幕上，我想它。
堆叠在中间与动态宽度对齐。案文也是中心对齐的。我试着用.multilineTextAlignment编辑文本，但这并没有改变任何事情。
我模拟了以下预期的排列方式：
红色框是一个HStack，其图像始终是60x56 pixels。我希望这件事保持一致，这似乎是目前为止起作用的。我还希望它在视图中垂直地以为中心，但我不确定它是否可能。
粉红框是文本的VStack。这个文本应该是对齐的，但我不能让它起作用。
蓝色框是包含HStack的
下面是
浏览 10提问于2021-04-08得票数 0
回答已采纳
我实现了一个垂直滚动视图(使用List)，其中包含两个水平滚动视图(使用ScrollView)。当前的UI如下所示：
下面是我为生成上面的UI而编写的相关代码：
NavigationView {
List {
VStack(alignment: .leading) {
CategoryRow(...)
CategoryRow(...)
Spacer()
}
.listRowInsets(EdgeInsets())
.navigationBar
浏览 1提问于2019-06-09得票数 3
回答已采纳
我正在构建一个应用程序作为一个学习项目。我遇到了一个问题，我的一个选项卡无缘无故地垂直和水平滚动。在安全区域之外没有任何内容，我也想不出有什么理由让它侧向滚动。
我已经尝试了不同的方法，用VStack替换GeometryReader，指定我希望它是一个垂直ScrollView。将.clipped添加到视图的末尾，以及删除或替换其他几个视图，但都不起作用。
关于项目:视图包装在一个TabView和一个NavigationView中。所有其他选项卡都以相同的方式包装，其中一个也使用ScrollView，但没有这个问题。
主要代码：
struct InformationView: View {
浏览 23提问于2021-06-04得票数 0
我需要在tableView中禁用滚动，并根据其内容增加高度。下面是我在swiftUI中的表视图代码，请给我指点
var body: some View {
List{
ForEach(testData){ data in
VStack(alignment: .leading){
HStack{
Image(data.name)
浏览 1提问于2019-12-09得票数 4
我有一台ScrollView ScrollView {
VStack (alignment: .leading) {
Text("\(userData.username), \(userData.age)")
.fontWeight(.semibold)
.font(Font.system(size:30))
}
} 输出为： ? 我试着翻转Stack并在里面有滚动视图，但我得到了同样的结果。 我要做的工作是把它放在一个HStack中
浏览 22提问于2020-07-16得票数 2
回答已采纳
有许多解决方案可以尝试使用SwiftUI中的HStacks对齐VStack中的多个图像和文本。有什么方法可以做多个标签吗？当添加到列表中时，多个标签会自动垂直整齐地对齐。当它们嵌入到VStack中时，是否有一种简单的方法来做到这一点？
struct ContentView: View {
var body: some View {
// List{
VStack(alignment: .leading){
Label("People", systemImage: "person.3")
浏览 10提问于2020-12-01得票数 7
回答已采纳
如果我在VStack中没有很多对象，为什么不能动态更改ScrollView中的内容呢？令人惊讶的是，如果有很多对象，那么所有的东西都会发生漂亮的变化，但是如果很少的话，那么滚动只会起作用(正因为如此，当试图向上滚动时可能会出现故障)。
我的代码：
import Introspect
struct SwiftUIView: View {
@StateObject var myCoord = MyCoord()
var body: some View {
VStack {
Color.red
.frame(height: myCoord.hei
浏览 4提问于2022-03-18得票数 0
回答已采纳
2回答
我用swiftUI编写代码，我有一个垂直的scrollView (见截图)，在那个scrollView里面我有另一个水平的scrollView，在它下面我有一个VStack，我想让它的高度填满屏幕的其余部分到垂直scrollView的底部，但我似乎不能让它工作。 在某些情况下，垂直scrollView中的内容可以大于实际剩余空间，这就是我需要scrollView的原因，但在另一些情况下，内容会小于剩余空间 下面是我的代码： VStack {
HeaderView
ScrollView(.vertical, showsIndicator
浏览 22提问于2020-07-13得票数 4
回答已采纳
1回答
我想在滚动视图中创建可扩展的列表。我使用滚动视图的顶部全局位置，但当我扩展部分时，顶部位置减少并重新定位。
示例代码：
ScrollView{
VStack{
GeometryReader{ reader -> AnyView in
print("\(reader.frame(in: .global).minY)")
return AnyView(Text("\(reader.frame(in: .global).minY)&#
浏览 29提问于2019-11-15得票数 2
我有一个带有VStack的View，其中包含一个Rectangle和一个Spacer。视图将使用rotationEffect()修改器进行旋转。 结果看起来很糟糕，因为它没有抗锯齿。 我如何旋转垂直堆栈，但输出像我预期的那样抗锯齿？ import SwiftUI
struct TestView: View {
var body: some View {
ZStack {
RectangleView()
}.frame(width: 300, height: 300)
}
}
struct RectangleView:
浏览 37提问于2021-07-08得票数 0
回答已采纳
因此，基本上我对SwiftUI非常陌生(几天前就开始了)，并试图在ScrollView中添加选项卡。我试图达到的最终结果是Instagram的个人资料视图。
我想视图的实现应该是这样的：
ScrollView {
VStack {
HStack {
// Profile Pic
// Stats
}
// Bio
// Button(s)
LazyVStack(pinnedViews: .
浏览 7提问于2022-09-18得票数 2
回答已采纳
我正在尝试构建一个在VStack中包含Text的视图。我希望VStack能够填满整个屏幕，我希望它里面的Text也能做到这一点。据我所知，它的代码如下：
import SwiftUI
struct Test: View {
@State private var text = "Hello, World!"
var body: some View {
VStack {
Text(text)
.frame(maxWidth: .infinity)
.anima
浏览 0提问于2019-11-23得票数 2
3回答
我正在尝试在iPad应用程序上使用SwiftUI创建一组(在测试代码中是10个，但实际上是32个)垂直推子。在水平方向制作滑块时，它们会正确地在屏幕上伸展。当垂直旋转这些滑块时，它们似乎锁定在它们的水平维度中。有没有一种简单的方法让滑块垂直？
水平(在屏幕上延伸)：
import SwiftUI
struct ContentView: View {
@State private var sliderVal: Double = 0
@State var values: [Double] = Array.init(repeating: 0.0, count: 10)
v
浏览 7提问于2019-09-24得票数 5
1回答
如下所示，在SwiftUI中使用plain样式的List并在VStack中使用多个Text视图时，显示其上下文菜单时的视图预览没有角半径。如果删除其中一个Text视图，它将具有拐角半径。此外，您需要向下滚动到的行在大多数情况下也会显示转角半径。我尝试在RoundedRectangle中使用contentShape修饰符，但没有修复它。我怎么才能让它一直显示在转角半径上？ List {
ForEach(1...20, id: \.self) { _ in
VStack {
Text("Hello")
Text("World")
浏览 34提问于2021-11-16得票数 0
4回答
我有一个垂直列表在屏幕上显示图像类别明智和每个类别/列表包含的图像列表，这是水平显示。(附图以供参考)
现在，当我水平或垂直滚动时，应用程序由于内存泄漏而崩溃。，我猜很多人在ForEach循环中都面临这个问题。
我还尝试使用List，而不是ForEach和ScrollView，用于垂直/水平滚动，但不幸的是，也面临着相同的问题。
代码下面的是创建垂直列表的主要视图:
@ObservedObject var mainCatData = DataFetcher.sharedInstance
var body: some View {
NavigationView {
浏览 27提问于2021-06-26得票数 8
1回答
我在SwiftUI中有一个包含多个元素的SwiftUI，其中一些元素在tap中扩展。
struct ExpandingView: View {
@State var showContent = false
var body: some View {
VStack {
HStack {
Button(action: {withAnimation {
self.showContent.toggle()
}
浏览 4提问于2020-05-09得票数 5
回答已采纳
3回答
我想让我的代码在滚动视图中基于布尔值。
就像这样：
ScrollView{
Vstack {
}
Hstack {
}
}.isWrapped(true)
因此，如果bool是真的，则内容被包装在一个ScrollView中，如果不是，我只得到原来的内容。(没有scrollView父级)
我试着用倍数的方式，我看到的唯一可能是2块代码，不是很好的实践思想。
浏览 2提问于2022-01-31得票数 1
在SwiftUI Apple应用程序中，我们需要一些在垂直滚动视图中对齐的文本，以便：
如果内容较小，则应放在屏幕底部；如果内容不适合屏幕的下半部，则应将其扩展到屏幕底部，使用户不得不向下滚动以查看其他内容。
到目前为止，我的看法如下：
import SwiftUI
struct ContentView: View {
var body: some View {
GeometryReader { geometry in
ZStack {
ScrollView(.vertical) {
VStack(alignment: .lead
浏览 1提问于2022-03-30得票数 0
回答已采纳
1回答
我正在与ScrollView的两个轴，垂直和水平的应用程序，我有很多项目在其中。点击其中一个后，我想把它集中在屏幕上。但是，带有scrollTo函数的经典scrollTo并不能像我所希望的那样工作。
这是测试视图的代码：
struct Test2: View {
var body: some View {
ScrollView([.horizontal, .vertical]){
ScrollViewReader { proxy in
VStack(spacing: 100){
浏览 8提问于2022-10-14得票数 0
1回答
我想在带有与文本相同宽度的矩形的标题下划线。
首先，我创建了一个下划线文本，如下所示：
struct Title: View {
var body: some View {
VStack {
Text("Statistics")
Rectangle()
.foregroundColor(.red)
.frame(height: (5.0))
}
}
}
因此，我得到以下结果：
现在我想得到这样的结果：
因此，我想知
浏览 2提问于2020-03-27得票数 9
回答已采纳
我有多个垂直列表，需要在滚动视图中查看动态数据和UI。如果我不给列表任何高度，列表就会消失。但是我不能给列表一个固定的高度。我需要的高度是动态调整，如UITableView.automatic尺寸在快速。
浏览 1提问于2021-04-07得票数 0
1回答
我对迅捷和编程很陌生，所以如果我没有使用合适的语言，请原谅。
我的问题是，一旦我的应用程序启动，它就会显示一个非常奇怪的视图，顶部是导航栏，屏幕是空白的。我必须来回滑动几次，以使应用程序发挥预期的功能。这是问题的。
因此，在我的Content文件中，我有一个选项卡栏，它引用了我的其他2个视图。
TabView{
SearchPageView()
.tabItem {
Image(systemName: "magnifyingglass")
浏览 1提问于2021-12-14得票数 0
回答已采纳
我在jsp中使用表标记。
我对那个表应用了水平滚动条和垂直滚动条。
当我在底部滚动变体滚动条时，列名也和表体一起上升。
但是我不想这样，当我用垂直滚动条滚动底部时，表格列不应该与表格体一起移动。它应该只固定在那个位置上。
浏览 3提问于2014-01-22得票数 0
这应该是一项简单的任务。按照苹果开发人员文档()中的示例，显示的数据不会滚动。
struct ContentView: View {
var body: some View {
ScrollView {
VStack(alignment: .leading) {
ForEach(0..<100) {
Text("Row \($0)")
}
}
}
}
}
我使用的是Xcode 12.5.1。
浏览 3提问于2021-07-10得票数 2
1回答
因此，基本上我已经制作了我的UI，如果不是因为我的UI/堆栈似乎不适合屏幕较小的设备，如iPod Touch7代或iPhone SE 2代，它就能正常工作。我的印象是，如果我避免使用硬编码的框架，而是使用动态元素，如stacks上的间距参数、.padding、Spacer()等，那么SwiftUI就会施展其布局魔力，它将在多种屏幕尺寸上工作。我在这里甚至没有使用复杂的视图，它只是几个堆栈&文本视图。 代码： struct EntireView: View {
var viewModel: ViewModel
var body: some View {
VStack {
浏览 38提问于2021-09-06得票数 1
回答已采纳
我有一个简单的VStack，顶部有一个视图，底部有一个多行文本。文本可以更新它的内容，因此它调整大小取决于它有多少行。当这种情况发生时，顶部的视图也会调整其位置--向上或向下移动。
我希望顶部视图保持一个固定的垂直位置，独立于VStack中的视图。在我看来，这就是Spacer的用途，因为它们是灵活的。但这并没有达到诀窍。
struct ContentView: View {
var body: some View {
VStack {
HStack("Some Icons")
Spacer()
浏览 1提问于2020-08-03得票数 2
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
