如何使子视图适合HStack中所有可用的垂直空间?

棒棒糖

我在HStack中有两个VStack。假设第一个高度为400px,第二个高度为300px。我想将两个VStack的背景色设置为蓝色和红色。但是,当我这样做时,由于第二个VStack没有使用完整的垂直空间,因此红色最终会变短。我希望它的高度与第一个相同。

我想知道是否有一般的方法可以做到这一点?我不会事先知道图像的尺寸/文字,所以我不能仅将框架设置为固定高度。

非常感谢!

HStack(alignment: .top) {
    VStack {
        Image1
        Text1
    }.background(Color.blue)
    VStack {
        Image2
        Text2
    }.background(Color.red)
}

在此处输入图片说明

科学怪人

添加一个Spacer

VStack {
    Image2
    Text2
    Spacer()
}.background(Color.red)

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

为什么我的自定义视图试图占用 VStack 中所有可用的垂直空间?

如何列出Cassandra中所有可用的键空间?

使UITableView使用子视图下的所有可用空间

Twitter-Bootstrap,图像封面-适合所有可用空间

填充堆栈中所有可用的水平空间

如何调整超级视图的大小以适合具有自动布局的所有子视图?

如何使视图将所有剩余空间都放入垂直堆栈视图中?

如何在CSS网格中垂直使用所有可用空间?

如何使vuetify v-data-table垂直跨越所有可用空间

React Native图像占用了所有可用的垂直空间

如何设置 OutlineButton 宽度 > 子宽度和边框扩展到所有可用空间?

如何使几个组件垂直调整大小以适合CodenameOne中的可用空间?

更改UITableView中所有单元的子视图

调整scrollViewDidZoom中所有子视图的大小

如何获取Qt C ++中所有可用主题的列表?

如何使GridView占用其列中所有可用的宽度?

如何列出package.json中所有可用的命令?

如何获取Yocto中所有可用目标的列表?

如何列出Magento中所有可用的主题?

如何获得物镜c中所有可用的颜色?

如何显示Perlbrew中所有可用的Perls?

如何获取网络中所有可用的打印机

如何在带有HStack的SwiftUI视图中使所有视图具有相同的高度?

太宽时如何使图像适合可用空间?

平均调整行中所有子级的大小以适合其父级

如何清除视图中所有可选元素的焦点?

如何更改 WPF 中所有列表视图项的属性?

清晰度:是否有建议的方法使clr-datagrid占用所有可用的垂直空间?

如何防止 TextBlock 占用所有可用空间