首页 > 解决方案 > SwiftUI - 并排放置两个列表

问题描述

我试图并排放置两个列表。我希望列表从同一点开始,并且可以继续更长的列表。这是我的代码:

            HStack {
            HStack(spacing: 24) {
                VStack {
                    ForEach(0..<6) { integer in
                        Text("\(integer)")
                    }
                }
            }
            HStack(spacing: 24) {

                VStack {
                    ForEach(0..<4) { integersDEX in
                        Text("\(integersDEX)")
                    }
                }
            }
        }

这是结果:

0

1 0

2 1

3 2

4

这就是我想要的:

0 0

1 1

2 2

3

5

我做错了什么?

标签: iosswiftswiftui

解决方案


我假设你想在顶部对齐,所以使用

HStack(alignment: .top) {      // << here !!
    HStack(spacing: 24) {
        VStack {
            ForEach(0..<6) { integer in
                Text("\(integer)")
            }
        }
    }
    HStack(spacing: 24) {

        VStack {
            ForEach(0..<4) { integersDEX in
                Text("\(integersDEX)")
            }
        }
    }
}

在此处输入图像描述

使用 Xcode 12.4 准备


推荐阅读