在多个堆栈中使用Image时,如何删除空间?

问题描述

我目前正在使用SwiftUI开发应用程序。

当我使用2个在vstack中具有映像的HStack时,vstack在2个HStack之间留出一个空间,如下图所示:

enter image description here

那我该如何删除该空间?

我对此问题感到困惑,因为如果我将HStacks中的Images交换为Texts,那么该空间就会消失...

enter image description here

在HStacks中使用图像时如何删除该空间?


代码如下:

ContentView.swift

import SwiftUI

struct ContentView: View {
    var body: some View {
        vstack{
            HStack{
                Image(systemName: "circle")
//                Text("test")
            } .frame(maxWidth: .infinity,maxHeight: .infinity)
                .background(Color.yellow)
            HStack{
                Image(systemName: "circle")
//                Text("test")
            } .frame(maxWidth: .infinity,maxHeight: .infinity)
                .background(Color.blue)
        }
    }
}

struct ContentView_Previews: PreviewProvider {
    static var previews: some View {
        ContentView()
    }
}

Xcode:版本11.7

Swift:Swift 5


解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)