swiftui - SwiftUI:如何删除 VStack 中视图之间的边距?
问题描述
使用 SwiftUI,我创建了一个 VStack,其中包含一些固定元素和一个列表元素。原因是,用户应该只滚动固定元素下的区域。现在我看到第二个固定元素和列表之间有一个空格。我不知道这个空间是从哪里来的,想摆脱它,但不知道如何。该区域标记为红色。
struct DashboardView : View, CoreDataInjected {
var body: some View {
GeometryReader { geometry in
VStack {
ScopeSelectorView().frame(maxWidth: .infinity).background(ColorPalette.gray)
BalanceNumberView().frame(maxWidth: .infinity)
List {
DashboardNavigationView(
height: geometry.size.height - ScopeSelectorView.height - BalanceNumberView.height
).frame(maxWidth: .infinity).listRowInsets(.zero)
}
}
}.background(Color.red).edgesIgnoringSafeArea(.all)
}
}
解决方案
由于您没有将spacing
参数传递给VStack
,因此它会根据上下文选择默认间距。如果您不想要间距,请显式传递 0。
VStack(spacing: 0) {
// content here
}
推荐阅读
- javascript - 使用 findOneAndUpdate() 时投射到日期失败
- css - 如何使使用另一个变量定义的 CSS 变量反映对依赖项的更改?
- javascript - 如何在绑定顶点数组对象和缓冲区数据以在渲染时动态绘制时编写通用 webgl 渲染循环?
- c# - 如何以编程方式将 AssemblyInfo.cs 更新为预构建事件 (Visual Studio / msbuild)
- node.js - 我无法使用 sequelize 运行具有多个搜索参数的简单搜索
- javascript - html表单,如何通过传统post和jquery ajax同时向各个服务器发送数据
- azure - 无法在 Azure 门户中保存 JSON 配置文件更新
- javascript - How to autofocus on a specific input field in React (after clicking on another element)?
- flutter - 如何根据 Flutter 中另一个文本字段的值自动设置文本字段的值?
- flutter - 我如何全局处理用户交互?