SwiftUI 中元素之间的间距?

2024-01-09

我想知道为什么 SwiftUI 中的两个元素之间会出现这种间距?以及如何控制/修改它? 我尝试向 ExtractedView 添加一些填充,但它没有改变任何内容。似乎是由某种原因引起的.frame(高度: 56)但这正是按钮的高度,因此它不应该导致任何间距。

Code:

import SwiftUI

struct FirstLaunchView: View {
    var body: some View {
        VStack {
            ZStack {
                Image("first-launch")
                    .resizable()
                    .scaledToFill()
                    .frame(height: 483)
                Text("AppName")
                    .font(.custom("Lobster", size: 24))
                    .fontWeight(.bold)
                    .foregroundColor(.white)
                    .frame(height: 483, alignment: .top)
                    .offset(x: 0, y: 61)
            }

            ZStack {
                VStack {
                    ExtractedView(title: "Start", textColor: Color.secondaryColor, bgColor: Color.primaryColor)
                    ExtractedView(title: "Log in", textColor: Color.primaryColor, bgColor: Color.secondaryColor)
                }
            }
            
            Spacer()
            
        }
        .ignoresSafeArea()
        
    }
}

struct ExtractedView: View {
    var title: String
    var textColor: Color
    var bgColor: Color
    
    var body: some View {
        ZStack {
            RoundedRectangle(cornerRadius: 27.5)
                .fill(bgColor)
                .frame(width: 279, height: 56)
            RoundedRectangle(cornerRadius: 27.5)
                .strokeBorder(Color.primaryColor, lineWidth: 2)
                .frame(width: 279, height: 56)
            Text(title)
                .font(.custom("NotoSans-Regular", size: 18))
                .fontWeight(.bold)
                .foregroundColor(textColor)
        }
        .frame(height: 56)
    }
}

VStack有默认间距,所以在

VStack {
    ExtractedView(title: "Start", textColor: Color.secondaryColor, bgColor: Color.primaryColor)
    ExtractedView(title: "Log in", textColor: Color.primaryColor, bgColor: Color.secondaryColor)
}

您授予 SwiftUI 权利来决定内部视图之间应应用哪种默认间距。

如果你想要明确的间距,你可以指定它,比如

VStack(spacing: 25) {    // << here !!
  // ... views here
}
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

SwiftUI 中元素之间的间距? 的相关文章

随机推荐

  • 使用ServiceStack的Swagger Plugin,如何实现带有预设值列表的字符串字段

    我正在使用 ServiceStack 的新 Swagger 插件实现 Swagger API 文档 并尝试确定如何使用 容器 数据类型 我需要显示一个字符串字段 其中包含预定值列表和其他作为子对象列表的参数 除非我遗漏了一些东西 否则我相信
  • 在 Ubuntu 11.04 Natty 上进行 Android 调试

    我放置了一个名为 70 android rules 的文件 在 etc udev rules d with 子系统 USB SYSFS 22b8 22b8 模式 0666 但它仍然无法读取我的摩托罗拉 Atrix 是我做错了什么吗 我找到的
  • 将 QByteArray 附加到 QDataStream?

    我必须填充一个QByteArray具有不同的数据 所以我正在使用QDataStream QByteArray buffer QDataStream stream buffer QIODevice WriteOnly qint8 dataHe
  • 非聚集索引在 SQL Server 中的工作原理

    我有一个与数据库理论相关的问题 假设我们有一个包含 3 列的表 PersonID PersonName PersonAge 我们知道 当我们有一个一列的非聚集索引时 SQL Server会按照指定的列对表数据进行排序 并从中构建B 树 当我
  • 在 Python 中使用 readlines 是坏代码吗?

    我因使用 file readlines 的答案而被否决 批评者说使用 readlines 是垃圾代码 以及其他非常粗鲁的语句 有那么糟糕吗 我认为问题在于readlines 将整个文件加载到内存中 理论上 内存可能很大 就内存使用而言 惰性
  • 如何在谷歌浏览器扩展中创建套接字?

    我为谷歌浏览器创建了一个小 hello world 扩展http code google com chrome extensions getstarted html http code google com chrome extension
  • Twitter 的 OAuth 系统如何工作?

    我有一个演示脚本 可以让我使用我的应用程序进行授权并发回我的令牌 但这很令人困惑 我一直在 CURL 或 simpleXML 函数中使用用户名和密码来授权 API 调用 我不明白这与 oauth 有什么关系 我知道我将存储令牌 但是一旦我拥
  • Windows 上的 .NET Core 3.0 忽略 NO_PROXY

    我们正在尝试让代理功能在 Windows 上的 NET Core 3 0 或 3 1 应用程序中工作 我们发现 HTTPS PROXY 和 HTTP PROXY 变 量按预期进行识别和处理 但默认代理似乎不支持 NO PROXY 变 量 这
  • Git 通过 ngrok 隧道转发

    我的本地实例上有一个 git 存储库 我想从家庭网络外部访问它 我应该为此在本地实例上创建 git 服务器和 ssh 服务器吗 另外我应该使用 ngrok 建立隧道的端口是什么 任何意见都将不胜感激 如图所示第193期 https gith
  • Perl 中的反向 DNS 查找

    如何执行反向 DNS 查找 即如何在 Perl 中将 IP 地址解析为其 DNS 主机名 如果您需要更详细的 DNS 信息 请使用Net DNS http search cpan org olaf Net DNS 0 63 lib Net
  • 将 HBITMAP 绘制到分层窗口上。怎么了?

    大家好 美好的一天 我的最终目标是在屏幕上绘制一个包含 Alpha 的 PNG 文件 这意味着不是在自己的窗口中 而是在桌面上的某个位置 将 PNG 加载到 HBITMAP 的部分现在可以工作 以不同的方式进行测试 但我无法做到绘制它 包括
  • Java程序查找字符串数组中元音的长度和数量

    我需要从用户那里获取一个字符串并将其输出到一个表中 包括其单词数和元音数 但我不知道如何计算元音 我尝试了以下方法 import java util Scanner public class Array2 public static voi
  • Objective C - iCal 不在 iOS 9 中创建自定义日历和新事件

    这在 iOS 8 中完美运行 但在 iOS 9 中创建问题 这里是代码 self eventManager eventStore requestAccessToEntityType EKEntityTypeEvent completion
  • Xcode Core Data:将现有 XML 更改为 Sqlite(NSXMLStoreType 更改为 NSSQLiteStoreType)

    在我的第一个应用程序中 我在持久存储协调器中使用了 NSXM StoreType storeCooordinator addPersistentStoreWithType NSXMLStoreType configuration nil U
  • 从音频流中提取 SMPTE 时间码

    我正在开发一个录音系统 我的任务涉及从同步器设备生成的音频输入流中提取 SMPTE 时间码 我使用 ASIO SDK 来获取每个回调缓冲区的时间代码 但它始终为零 也许有人有 ASIO SDK 或任何其他可用于从音频流中提取 SMPTE 时
  • 在后台检查互联网连接

    我需要在后台检查互联网连接 我正在数据库中保存一些数据 每当我连接到互联网时 它应该将数据上传到我的服务器上 我需要一个后台服务 即使我关闭我的应用程序 它也会持续检查互联网连接 我尝试了几种方法 但它们只有在我打开我的应用程序时才有效 目
  • Spring Batch - Web 服务到 Web 服务分块

    我有一个托管的网络服务 允许批量提取记录 此 Web 服务以起始记录号 ROWID 和页面大小 最大 800 作为参数 可以从此服务中提取 50 60k 条记录 并调用另一个 Web 服务以块的形式再次发布所有这些数据 而无需在其间保留数据
  • 使用jQuery获取垂直滚动的最大值

    这是我的视图代码 我使用 jQuery 它可以工作 并且在我更改屏幕分辨率之前我没有任何问题 它停止工作 我知道问题出在哪里 但我无法解决它 看看代码 model PNUBOOKIR Models ProductModels Layout
  • B树和B+树有什么区别?

    In a b tree你可以存储两者内部节点和叶节点中的键和数据 但是在一个b tree你必须将数据存储在仅叶节点 在 b 树中执行上述操作有什么好处吗 为什么不到处使用 b 树而不是 b 树 因为直观上它们看起来更快 我的意思是 为什么需
  • SwiftUI 中元素之间的间距?

    我想知道为什么 SwiftUI 中的两个元素之间会出现这种间距 以及如何控制 修改它 我尝试向 ExtractedView 添加一些填充 但它没有改变任何内容 似乎是由某种原因引起的 frame 高度 56 但这正是按钮的高度 因此它不应该