-1

我想创建一个包含许多Text的VStack ,每个 Text 之间有 20 点间距。我希望我的VStack与屏幕的左侧(或父视图的前导侧)对齐。

4

2 回答 2

5

尝试这个:

struct ContentView: View {
    var body: some View {
        HStack(){
            //alignment options: .center , .leading , .trailing
            VStack(alignment: .leading, spacing: 20){
                Text("Salam")
                Text("chetori")
                Text("Arsalan")
                Text("?")
            }
            Spacer()
        }
    }
}

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

如果您希望VStack位于屏幕右侧,请将Spacer放在VStack 上方

于 2019-10-01T13:35:07.437 回答
0
VStack(alignment: .leading, spacing: 20){
    ForEach(0..<20) { i in
        HStack {
            Text("\(i)")
                .multilineTextAlignment(.leading) // needed only if your text has multiple lines
            Spacer()
        }
    }
}.padding()

结果:

图片

于 2022-01-17T15:11:08.520 回答